@charset "UTF-8";
/* Compact */

.ui-icon-carat-2-n-s:before {
    content: "";
}
 
.ui-icon-triangle-1-n:before {
    content: "";
}

.ui-icon-triangle-1-e:before, [dir=rtl] .ui-icon-triangle-1-w:before {
    content: "";
}

.ui-icon-triangle-1-s:before {
    content: "";
}

.ui-icon-triangle-1-w:before, [dir=rtl] .ui-icon-triangle-1-e:before {
    content: "";
}

.ui-icon-carat-1-n:before {
    content: "";
}

.ui-icon-carat-1-e:before, [dir=rtl] .ui-icon-carat-1-w:before {
    content: "";
}

.ui-icon-carat-1-s:before {
    content: "";
}

.ui-icon-carat-1-w:before, [dir=rtl] .ui-icon-carat-1-e:before {
    content: "";
}

.ui-icon-arrow-1-n {
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
}

.ui-icon-arrow-1-n:before {
    content: "";
}

.ui-icon-arrowstop-1-n {
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
}

.ui-icon-arrowstop-1-n:before {
    content: "";
}

.ui-icon-arrow-1-s {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}

.ui-icon-arrow-1-s:before {
    content: "";
}

.ui-icon-arrowstop-1-s {
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
}

.ui-icon-arrowstop-1-s:before {
    content: "";
}

.ui-icon-arrow-1-w {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

.ui-icon-arrow-1-w:before {
    content: "";
}

.ui-icon-arrowstop-1-w:before {
    content: "";
}

.ui-icon-arrow-1-e:before {
    content: "";
}

.ui-icon-arrowstop-1-e:before {
    content: "";
}

.ui-icon-arrowthick-1-s {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}

.ui-icon-arrowthick-1-s:before {
    content: "";
}

.ui-icon-arrowthick-1-n {
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -o-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform: rotate(-90deg);
}

.ui-icon-arrowthick-1-n:before {
    content: "";
}

.ui-icon-circle-triangle-e:before {
    content: "";
}

.ui-icon-circle-triangle-w {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

.ui-icon-circle-triangle-w:before {
    content: "";
}

.ui-icon-circle-triangle-s {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
}

.ui-icon-circle-triangle-s:before {
    content: "";
}

.ui-icon-radio-off:before {
    content: "";
}

.ui-icon-radio-on:before {
    content: "";
}

.ui-icon-folder-collapsed:before {
    content: "";
}

.ui-icon-document:before {
    content: "";
}

.ui-icon-video:before {
    content: "";
}

.ui-icon-music:before {
    content: "";
}

.ui-icon-plus:before {
    content: "";
}

.ui-icon-minus:before {
    content: "";
}

.ui-icon-plusthick:before {
    content: "";
}

.ui-icon-minusthick:before {
    content: "";
}

.ui-icon-pencil:before {
    content: "";
}

.ui-icon-closethick:before {
    content: "";
}

.ui-icon-circle-close:before {
    content: "";
}

.ui-icon-gear:before {
    content: "";
}

.ui-icon-calendar:before {
    content: "";
}

.ui-icon-trash:before {
    content: "";
}

.ui-icon-notice:before {
    content: "";
}

.ui-icon-alert:before {
    content: "";
}

.ui-icon-circle-zoomin:before {
    content: "";
}

.ui-icon-circle-zoomout:before {
    content: "";
}

.ui-icon-circle-arrow-e:before {
    content: "";
}

.ui-icon-circle-arrow-w {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

.ui-icon-circle-arrow-w:before {
    content: "";
}

.ui-icon-3d-rotation:before {
    content: "";
}

.ui-icon-ac-unit:before {
    content: "";
}

.ui-icon-access-alarm:before {
    content: "";
}

.ui-icon-access-alarms:before {
    content: "";
}

.ui-icon-access-time:before {
    content: "";
}

.ui-icon-accessibility:before {
    content: "";
}

.ui-icon-accessible:before {
    content: "";
}

.ui-icon-account-balance:before {
    content: "";
}

.ui-icon-account-balance-wallet:before {
    content: "";
}

.ui-icon-account-box:before {
    content: "";
}

.ui-icon-account-circle:before {
    content: "";
}

.ui-icon-adb:before {
    content: "";
}

.ui-icon-add:before {
    content: "";
}

.ui-icon-add-a-photo:before {
    content: "";
}

.ui-icon-add-alarm:before {
    content: "";
}

.ui-icon-add-alert:before {
    content: "";
}

.ui-icon-add-box:before {
    content: "";
}

.ui-icon-add-circle:before {
    content: "";
}

.ui-icon-add-circle-outline:before {
    content: "";
}

.ui-icon-add-location:before {
    content: "";
}

.ui-icon-add-shopping-cart:before {
    content: "";
}

.ui-icon-add-to-photos:before {
    content: "";
}

.ui-icon-add-to-queue:before {
    content: "";
}

.ui-icon-adjust:before {
    content: "";
}

.ui-icon-airline-seat-flat:before {
    content: "";
}

.ui-icon-airline-seat-flat-angled:before {
    content: "";
}

.ui-icon-airline-seat-individual-suite:before {
    content: "";
}

.ui-icon-airline-seat-legroom-extra:before {
    content: "";
}

.ui-icon-airline-seat-legroom-normal:before {
    content: "";
}

.ui-icon-airline-seat-legroom-reduced:before {
    content: "";
}

.ui-icon-airline-seat-recline-extra:before {
    content: "";
}

.ui-icon-airline-seat-recline-normal:before {
    content: "";
}

.ui-icon-airplanemode-active:before {
    content: "";
}

.ui-icon-airplanemode-inactive:before {
    content: "";
}

.ui-icon-airplay:before {
    content: "";
}

.ui-icon-airport-shuttle:before {
    content: "";
}

.ui-icon-alarm:before {
    content: "";
}

.ui-icon-alarm-add:before {
    content: "";
}

.ui-icon-alarm-off:before {
    content: "";
}

.ui-icon-alarm-on:before {
    content: "";
}

.ui-icon-album:before {
    content: "";
}

.ui-icon-all-inclusive:before {
    content: "";
}

.ui-icon-all-out:before {
    content: "";
}

.ui-icon-android:before {
    content: "";
}

.ui-icon-announcement:before {
    content: "";
}

.ui-icon-apps:before {
    content: "";
}

.ui-icon-archive:before {
    content: "";
}

.ui-icon-arrow-back:before {
    content: "";
}

.ui-icon-arrow-downward:before {
    content: "";
}

.ui-icon-arrow-drop-down:before {
    content: "";
}

.ui-icon-arrow-drop-down-circle:before {
    content: "";
}

.ui-icon-arrow-drop-up:before {
    content: "";
}

.ui-icon-arrow-forward:before {
    content: "";
}

.ui-icon-arrow-upward:before {
    content: "";
}

.ui-icon-art-track:before {
    content: "";
}

.ui-icon-aspect-ratio:before {
    content: "";
}

.ui-icon-assessment:before {
    content: "";
}

.ui-icon-assignment:before {
    content: "";
}

.ui-icon-assignment-ind:before {
    content: "";
}

.ui-icon-assignment-late:before {
    content: "";
}

.ui-icon-assignment-return:before {
    content: "";
}

.ui-icon-assignment-returned:before {
    content: "";
}

.ui-icon-assignment-turned-in:before {
    content: "";
}

.ui-icon-assistant:before {
    content: "";
}

.ui-icon-assistant-photo:before {
    content: "";
}

.ui-icon-attach-file:before {
    content: "";
}

.ui-icon-attach-money:before {
    content: "";
}

.ui-icon-attachment:before {
    content: "";
}

.ui-icon-audiotrack:before {
    content: "";
}

.ui-icon-autorenew:before {
    content: "";
}

.ui-icon-av-timer:before {
    content: "";
}

.ui-icon-backspace:before {
    content: "";
}

.ui-icon-backup:before {
    content: "";
}

.ui-icon-battery-alert:before {
    content: "";
}

.ui-icon-battery-charging-full:before {
    content: "";
}

.ui-icon-battery-full:before {
    content: "";
}

.ui-icon-battery-std:before {
    content: "";
}

.ui-icon-battery-unknown:before {
    content: "";
}

.ui-icon-beach-access:before {
    content: "";
}

.ui-icon-beenhere:before {
    content: "";
}

.ui-icon-block:before {
    content: "";
}

.ui-icon-bluetooth:before {
    content: "";
}

.ui-icon-bluetooth-audio:before {
    content: "";
}

.ui-icon-bluetooth-connected:before {
    content: "";
}

.ui-icon-bluetooth-disabled:before {
    content: "";
}

.ui-icon-bluetooth-searching:before {
    content: "";
}

.ui-icon-blur-circular:before {
    content: "";
}

.ui-icon-blur-linear:before {
    content: "";
}

.ui-icon-blur-off:before {
    content: "";
}

.ui-icon-blur-on:before {
    content: "";
}

.ui-icon-book:before {
    content: "";
}

.ui-icon-bookmark:before {
    content: "";
}

.ui-icon-bookmark-border:before {
    content: "";
}

.ui-icon-border-all:before {
    content: "";
}

.ui-icon-border-bottom:before {
    content: "";
}

.ui-icon-border-clear:before {
    content: "";
}

.ui-icon-border-color:before {
    content: "";
}

.ui-icon-border-horizontal:before {
    content: "";
}

.ui-icon-border-inner:before {
    content: "";
}

.ui-icon-border-left:before {
    content: "";
}

.ui-icon-border-outer:before {
    content: "";
}

.ui-icon-border-right:before {
    content: "";
}

.ui-icon-border-style:before {
    content: "";
}

.ui-icon-border-top:before {
    content: "";
}

.ui-icon-border-vertical:before {
    content: "";
}

.ui-icon-branding-watermark:before {
    content: "";
}

.ui-icon-brightness-1:before {
    content: "";
}

.ui-icon-brightness-2:before {
    content: "";
}

.ui-icon-brightness-3:before {
    content: "";
}

.ui-icon-brightness-4:before {
    content: "";
}

.ui-icon-brightness-5:before {
    content: "";
}

.ui-icon-brightness-6:before {
    content: "";
}

.ui-icon-brightness-7:before {
    content: "";
}

.ui-icon-brightness-auto:before {
    content: "";
}

.ui-icon-brightness-high:before {
    content: "";
}

.ui-icon-brightness-low:before {
    content: "";
}

.ui-icon-brightness-medium:before {
    content: "";
}

.ui-icon-broken-image:before {
    content: "";
}

.ui-icon-brush:before {
    content: "";
}

.ui-icon-bubble-chart:before {
    content: "";
}

.ui-icon-bug-report:before {
    content: "";
}

.ui-icon-build:before {
    content: "";
}

.ui-icon-burst-mode:before {
    content: "";
}

.ui-icon-business:before {
    content: "";
}

.ui-icon-business-center:before {
    content: "";
}

.ui-icon-cached:before {
    content: "";
}

.ui-icon-cake:before {
    content: "";
}

.ui-icon-call:before {
    content: "";
}

.ui-icon-call-end:before {
    content: "";
}

.ui-icon-call-made:before {
    content: "";
}

.ui-icon-call-merge:before {
    content: "";
}

.ui-icon-call-missed:before {
    content: "";
}

.ui-icon-call-missed-outgoing:before {
    content: "";
}

.ui-icon-call-received:before {
    content: "";
}

.ui-icon-call-split:before {
    content: "";
}

.ui-icon-call-to-action:before {
    content: "";
}

.ui-icon-camera:before {
    content: "";
}

.ui-icon-camera-alt:before {
    content: "";
}

.ui-icon-camera-enhance:before {
    content: "";
}

.ui-icon-camera-front:before {
    content: "";
}

.ui-icon-camera-rear:before {
    content: "";
}

.ui-icon-camera-roll:before {
    content: "";
}

.ui-icon-cancel:before {
    content: "";
}

.ui-icon-card-giftcard:before {
    content: "";
}

.ui-icon-card-membership:before {
    content: "";
}

.ui-icon-card-travel:before {
    content: "";
}

.ui-icon-casino:before {
    content: "";
}

.ui-icon-cast:before {
    content: "";
}

.ui-icon-cast-connected:before {
    content: "";
}

.ui-icon-center-focus-strong:before {
    content: "";
}

.ui-icon-center-focus-weak:before {
    content: "";
}

.ui-icon-change-history:before {
    content: "";
}

.ui-icon-chat:before {
    content: "";
}

.ui-icon-chat-bubble:before {
    content: "";
}

.ui-icon-chat-bubble-outline:before {
    content: "";
}

.ui-icon-check:before {
    content: "";
}

.ui-icon-check-box:before {
    content: "";
}

.ui-icon-check-box-outline-blank:before {
    content: "";
}

.ui-icon-check-circle:before {
    content: "";
}

.ui-icon-chevron-left:before {
    content: "";
}

.ui-icon-chevron-right:before {
    content: "";
}

.ui-icon-child-care:before {
    content: "";
}

.ui-icon-child-friendly:before {
    content: "";
}

.ui-icon-chrome-reader-mode:before {
    content: "";
}

.ui-icon-class:before {
    content: "";
}

.ui-icon-clear:before {
    content: "";
}

.ui-icon-clear-all:before {
    content: "";
}

.ui-icon-close:before {
    content: "";
}

.ui-icon-closed-caption:before {
    content: "";
}

.ui-icon-cloud:before {
    content: "";
}

.ui-icon-cloud-circle:before {
    content: "";
}

.ui-icon-cloud-done:before {
    content: "";
}

.ui-icon-cloud-download:before {
    content: "";
}

.ui-icon-cloud-off:before {
    content: "";
}

.ui-icon-cloud-queue:before {
    content: "";
}

.ui-icon-cloud-upload:before {
    content: "";
}

.ui-icon-code:before {
    content: "";
}

.ui-icon-collections:before {
    content: "";
}

.ui-icon-collections-bookmark:before {
    content: "";
}

.ui-icon-color-lens:before {
    content: "";
}

.ui-icon-colorize:before {
    content: "";
}

.ui-icon-comment:before {
    content: "";
}

.ui-icon-compare:before {
    content: "";
}

.ui-icon-compare-arrows:before {
    content: "";
}

.ui-icon-computer:before {
    content: "";
}

.ui-icon-confirmation-number:before {
    content: "";
}

.ui-icon-contact-mail:before {
    content: "";
}

.ui-icon-contact-phone:before {
    content: "";
}

.ui-icon-contacts:before {
    content: "";
}

.ui-icon-content-copy:before {
    content: "";
}

.ui-icon-content-cut:before {
    content: "";
}

.ui-icon-content-paste:before {
    content: "";
}

.ui-icon-control-point:before {
    content: "";
}

.ui-icon-control-point-duplicate:before {
    content: "";
}

.ui-icon-copyright:before {
    content: "";
}

.ui-icon-create:before {
    content: "";
}

.ui-icon-create-new-folder:before {
    content: "";
}

.ui-icon-credit-card:before {
    content: "";
}

.ui-icon-crop:before {
    content: "";
}

.ui-icon-crop-16-9:before {
    content: "";
}

.ui-icon-crop-3-2:before {
    content: "";
}

.ui-icon-crop-5-4:before {
    content: "";
}

.ui-icon-crop-7-5:before {
    content: "";
}

.ui-icon-crop-din:before {
    content: "";
}

.ui-icon-crop-free:before {
    content: "";
}

.ui-icon-crop-landscape:before {
    content: "";
}

.ui-icon-crop-original:before {
    content: "";
}

.ui-icon-crop-portrait:before {
    content: "";
}

.ui-icon-crop-rotate:before {
    content: "";
}

.ui-icon-crop-square:before {
    content: "";
}

.ui-icon-dashboard:before {
    content: "";
}

.ui-icon-data-usage:before {
    content: "";
}

.ui-icon-date-range:before {
    content: "";
}

.ui-icon-dehaze:before {
    content: "";
}

.ui-icon-delete:before {
    content: "";
}

.ui-icon-delete-forever:before {
    content: "";
}

.ui-icon-delete-sweep:before {
    content: "";
}

.ui-icon-description:before {
    content: "";
}

.ui-icon-desktop-mac:before {
    content: "";
}

.ui-icon-desktop-windows:before {
    content: "";
}

.ui-icon-details:before {
    content: "";
}

.ui-icon-developer-board:before {
    content: "";
}

.ui-icon-developer-mode:before {
    content: "";
}

.ui-icon-device-hub:before {
    content: "";
}

.ui-icon-devices:before {
    content: "";
}

.ui-icon-devices-other:before {
    content: "";
}

.ui-icon-dialer-sip:before {
    content: "";
}

.ui-icon-dialpad:before {
    content: "";
}

.ui-icon-directions:before {
    content: "";
}

.ui-icon-directions-bike:before {
    content: "";
}

.ui-icon-directions-boat:before {
    content: "";
}

.ui-icon-directions-bus:before {
    content: "";
}

.ui-icon-directions-car:before {
    content: "";
}

.ui-icon-directions-railway:before {
    content: "";
}

.ui-icon-directions-run:before {
    content: "";
}

.ui-icon-directions-subway:before {
    content: "";
}

.ui-icon-directions-transit:before {
    content: "";
}

.ui-icon-directions-walk:before {
    content: "";
}

.ui-icon-disc-full:before {
    content: "";
}

.ui-icon-dns:before {
    content: "";
}

.ui-icon-do-not-disturb:before {
    content: "";
}

.ui-icon-do-not-disturb-alt:before {
    content: "";
}

.ui-icon-do-not-disturb-off:before {
    content: "";
}

.ui-icon-do-not-disturb-on:before {
    content: "";
}

.ui-icon-dock:before {
    content: "";
}

.ui-icon-domain:before {
    content: "";
}

.ui-icon-done:before {
    content: "";
}

.ui-icon-done-all:before {
    content: "";
}

.ui-icon-donut-large:before {
    content: "";
}

.ui-icon-donut-small:before {
    content: "";
}

.ui-icon-drafts:before {
    content: "";
}

.ui-icon-drag-handle:before {
    content: "";
}

.ui-icon-drive-eta:before {
    content: "";
}

.ui-icon-dvr:before {
    content: "";
}

.ui-icon-edit:before {
    content: "";
}

.ui-icon-edit-location:before {
    content: "";
}

.ui-icon-eject:before {
    content: "";
}

.ui-icon-email:before {
    content: "";
}

.ui-icon-enhanced-encryption:before {
    content: "";
}

.ui-icon-equalizer:before {
    content: "";
}

.ui-icon-error:before {
    content: "";
}

.ui-icon-error-outline:before {
    content: "";
}

.ui-icon-euro-symbol:before {
    content: "";
}

.ui-icon-ev-station:before {
    content: "";
}

.ui-icon-event:before {
    content: "";
}

.ui-icon-event-available:before {
    content: "";
}

.ui-icon-event-busy:before {
    content: "";
}

.ui-icon-event-note:before {
    content: "";
}

.ui-icon-event-seat:before {
    content: "";
}

.ui-icon-exit-to-app:before {
    content: "";
}

.ui-icon-expand-less:before {
    content: "";
}

.ui-icon-expand-more:before {
    content: "";
}

.ui-icon-explicit:before {
    content: "";
}

.ui-icon-explore:before {
    content: "";
}

.ui-icon-exposure:before {
    content: "";
}

.ui-icon-exposure-neg-1:before {
    content: "";
}

.ui-icon-exposure-neg-2:before {
    content: "";
}

.ui-icon-exposure-plus-1:before {
    content: "";
}

.ui-icon-exposure-plus-2:before {
    content: "";
}

.ui-icon-exposure-zero:before {
    content: "";
}

.ui-icon-extension:before {
    content: "";
}

.ui-icon-face:before {
    content: "";
}

.ui-icon-fast-forward:before {
    content: "";
}

.ui-icon-fast-rewind:before {
    content: "";
}

.ui-icon-favorite:before {
    content: "";
}

.ui-icon-favorite-border:before {
    content: "";
}

.ui-icon-featured-play-list:before {
    content: "";
}

.ui-icon-featured-video:before {
    content: "";
}

.ui-icon-feedback:before {
    content: "";
}

.ui-icon-fiber-dvr:before {
    content: "";
}

.ui-icon-fiber-manual-record:before {
    content: "";
}

.ui-icon-fiber-new:before {
    content: "";
}

.ui-icon-fiber-pin:before {
    content: "";
}

.ui-icon-fiber-smart-record:before {
    content: "";
}

.ui-icon-file-download:before {
    content: "";
}

.ui-icon-file-upload:before {
    content: "";
}

.ui-icon-filter:before {
    content: "";
}

.ui-icon-filter-1:before {
    content: "";
}

.ui-icon-filter-2:before {
    content: "";
}

.ui-icon-filter-3:before {
    content: "";
}

.ui-icon-filter-4:before {
    content: "";
}

.ui-icon-filter-5:before {
    content: "";
}

.ui-icon-filter-6:before {
    content: "";
}

.ui-icon-filter-7:before {
    content: "";
}

.ui-icon-filter-8:before {
    content: "";
}

.ui-icon-filter-9:before {
    content: "";
}

.ui-icon-filter-9-plus:before {
    content: "";
}

.ui-icon-filter-b-and-w:before {
    content: "";
}

.ui-icon-filter-center-focus:before {
    content: "";
}

.ui-icon-filter-drama:before {
    content: "";
}

.ui-icon-filter-frames:before {
    content: "";
}

.ui-icon-filter-hdr:before {
    content: "";
}

.ui-icon-filter-list:before {
    content: "";
}

.ui-icon-filter-none:before {
    content: "";
}

.ui-icon-filter-tilt-shift:before {
    content: "";
}

.ui-icon-filter-vintage:before {
    content: "";
}

.ui-icon-find-in-page:before {
    content: "";
}

.ui-icon-find-replace:before {
    content: "";
}

.ui-icon-fingerprint:before {
    content: "";
}

.icon-edit:before {
    content: "";
}

.ui-icon-first-page:before {
    content: "";
}

.ui-icon-fitness-center:before {
    content: "";
}

.ui-icon-flag:before {
    content: "";
}

.ui-icon-flare:before {
    content: "";
}

.ui-icon-flash-auto:before {
    content: "";
}

.ui-icon-flash-off:before {
    content: "";
}

.ui-icon-flash-on:before {
    content: "";
}

.ui-icon-flight:before {
    content: "";
}

.ui-icon-flight-land:before {
    content: "";
}

.ui-icon-flight-takeoff:before {
    content: "";
}

.ui-icon-flip:before {
    content: "";
}

.ui-icon-flip-to-back:before {
    content: "";
}

.ui-icon-flip-to-front:before {
    content: "";
}

.ui-icon-folder:before {
    content: "";
}

.ui-icon-folder-open:before {
    content: "";
}

.ui-icon-folder-shared:before {
    content: "";
}

.ui-icon-folder-special:before {
    content: "";
}

.ui-icon-font-download:before {
    content: "";
}

.ui-icon-format-align-center:before {
    content: "";
}

.ui-icon-format-align-justify:before {
    content: "";
}

.ui-icon-format-align-left:before {
    content: "";
}

.ui-icon-format-align-right:before {
    content: "";
}

.ui-icon-format-bold:before {
    content: "";
}

.ui-icon-format-clear:before {
    content: "";
}

.ui-icon-format-color-fill:before {
    content: "";
}

.ui-icon-format-color-reset:before {
    content: "";
}

.ui-icon-format-color-text:before {
    content: "";
}

.ui-icon-format-indent-decrease:before {
    content: "";
}

.ui-icon-format-indent-increase:before {
    content: "";
}

.ui-icon-format-italic:before {
    content: "";
}

.ui-icon-format-line-spacing:before {
    content: "";
}

.ui-icon-format-list-bulleted:before {
    content: "";
}

.ui-icon-format-list-numbered:before {
    content: "";
}

.ui-icon-format-paint:before {
    content: "";
}

.ui-icon-format-quote:before {
    content: "";
}

.ui-icon-format-shapes:before {
    content: "";
}

.ui-icon-format-size:before {
    content: "";
}

.ui-icon-format-strikethrough:before {
    content: "";
}

.ui-icon-format-textdirection-l-to-r:before {
    content: "";
}

.ui-icon-format-textdirection-r-to-l:before {
    content: "";
}

.ui-icon-format-underlined:before {
    content: "";
}

.ui-icon-forum:before {
    content: "";
}

.ui-icon-forward:before {
    content: "";
}

.ui-icon-forward-10:before {
    content: "";
}

.ui-icon-forward-30:before {
    content: "";
}

.ui-icon-forward-5:before {
    content: "";
}

.ui-icon-free-breakfast:before {
    content: "";
}

.ui-icon-fullscreen:before {
    content: "";
}

.ui-icon-fullscreen-exit:before {
    content: "";
}

.ui-icon-functions:before {
    content: "";
}

.ui-icon-g-translate:before {
    content: "";
}

.ui-icon-gamepad:before {
    content: "";
}

.ui-icon-games:before {
    content: "";
}

.ui-icon-gavel:before {
    content: "";
}

.ui-icon-gesture:before {
    content: "";
}

.ui-icon-get-app:before {
    content: "";
}

.ui-icon-gif:before {
    content: "";
}

.ui-icon-golf-course:before {
    content: "";
}

.ui-icon-gps-fixed:before {
    content: "";
}

.ui-icon-gps-not-fixed:before {
    content: "";
}

.ui-icon-gps-off:before {
    content: "";
}

.ui-icon-grade:before {
    content: "";
}

.ui-icon-gradient:before {
    content: "";
}

.ui-icon-grain:before {
    content: "";
}

.ui-icon-graphic-eq:before {
    content: "";
}

.ui-icon-grid-off:before {
    content: "";
}

.ui-icon-grid-on:before {
    content: "";
}

.ui-icon-group:before {
    content: "";
}

.ui-icon-group-add:before {
    content: "";
}

.ui-icon-group-work:before {
    content: "";
}

.ui-icon-hd:before {
    content: "";
}

.ui-icon-hdr-off:before {
    content: "";
}

.ui-icon-hdr-on:before {
    content: "";
}

.ui-icon-hdr-strong:before {
    content: "";
}

.ui-icon-hdr-weak:before {
    content: "";
}

.ui-icon-headset:before {
    content: "";
}

.ui-icon-headset-mic:before {
    content: "";
}

.ui-icon-healing:before {
    content: "";
}

.ui-icon-hearing:before {
    content: "";
}

.ui-icon-help:before {
    content: "";
}

.ui-icon-help-outline:before {
    content: "";
}

.ui-icon-high-quality:before {
    content: "";
}

.ui-icon-highlight:before {
    content: "";
}

.ui-icon-highlight-off:before {
    content: "";
}

.ui-icon-history:before {
    content: "";
}

.ui-icon-home:before {
    content: "";
}

.ui-icon-hot-tub:before {
    content: "";
}

.ui-icon-hotel:before {
    content: "";
}

.ui-icon-hourglass-empty:before {
    content: "";
}

.ui-icon-hourglass-full:before {
    content: "";
}

.ui-icon-http:before {
    content: "";
}

.ui-icon-https:before {
    content: "";
}

.ui-icon-image:before {
    content: "";
}

.ui-icon-image-aspect-ratio:before {
    content: "";
}

.ui-icon-import-contacts:before {
    content: "";
}

.ui-icon-import-export:before {
    content: "";
}

.ui-icon-important-devices:before {
    content: "";
}

.ui-icon-inbox:before {
    content: "";
}

.ui-icon-indeterminate-check-box:before {
    content: "";
}

.ui-icon-info:before {
    content: "";
}

.ui-icon-info-outline:before {
    content: "";
}

.ui-icon-input:before {
    content: "";
}

.ui-icon-insert-chart:before {
    content: "";
}

.ui-icon-insert-comment:before {
    content: "";
}

.ui-icon-insert-drive-file:before {
    content: "";
}

.ui-icon-insert-emoticon:before {
    content: "";
}

.ui-icon-insert-invitation:before {
    content: "";
}

.ui-icon-insert-link:before {
    content: "";
}

.ui-icon-insert-photo:before {
    content: "";
}

.ui-icon-invert-colors:before {
    content: "";
}

.ui-icon-invert-colors-off:before {
    content: "";
}

.ui-icon-iso:before {
    content: "";
}

.ui-icon-keyboard:before {
    content: "";
}

.ui-icon-keyboard-arrow-down:before {
    content: "";
}

.ui-icon-keyboard-arrow-left:before {
    content: "";
}

.ui-icon-keyboard-arrow-right:before {
    content: "";
}

.ui-icon-keyboard-arrow-up:before {
    content: "";
}

.ui-icon-keyboard-backspace:before {
    content: "";
}

.ui-icon-keyboard-capslock:before {
    content: "";
}

.ui-icon-keyboard-hide:before {
    content: "";
}

.ui-icon-keyboard-return:before {
    content: "";
}

.ui-icon-keyboard-tab:before {
    content: "";
}

.ui-icon-keyboard-voice:before {
    content: "";
}

.ui-icon-kitchen:before {
    content: "";
}

.ui-icon-label:before {
    content: "";
}

.ui-icon-label-outline:before {
    content: "";
}

.ui-icon-landscape:before {
    content: "";
}

.ui-icon-language:before {
    content: "";
}

.ui-icon-laptop:before {
    content: "";
}

.ui-icon-laptop-chromebook:before {
    content: "";
}

.ui-icon-laptop-mac:before {
    content: "";
}

.ui-icon-laptop-windows:before {
    content: "";
}

.ui-icon-last-page:before {
    content: "";
}

.ui-icon-launch:before {
    content: "";
}

.ui-icon-layers:before {
    content: "";
}

.ui-icon-layers-clear:before {
    content: "";
}

.ui-icon-leak-add:before {
    content: "";
}

.ui-icon-leak-remove:before {
    content: "";
}

.ui-icon-lens:before {
    content: "";
}

.ui-icon-library-add:before {
    content: "";
}

.ui-icon-library-books:before {
    content: "";
}

.ui-icon-library-music:before {
    content: "";
}

.ui-icon-lightbulb-outline:before {
    content: "";
}

.ui-icon-line-style:before {
    content: "";
}

.ui-icon-line-weight:before {
    content: "";
}

.ui-icon-linear-scale:before {
    content: "";
}

.ui-icon-link:before {
    content: "";
}

.ui-icon-linked-camera:before {
    content: "";
}

.ui-icon-list:before {
    content: "";
}

.ui-icon-live-help:before {
    content: "";
}

.ui-icon-live-tv:before {
    content: "";
}

.ui-icon-local-activity:before {
    content: "";
}

.ui-icon-local-airport:before {
    content: "";
}

.ui-icon-local-atm:before {
    content: "";
}

.ui-icon-local-bar:before {
    content: "";
}

.ui-icon-local-cafe:before {
    content: "";
}

.ui-icon-local-car-wash:before {
    content: "";
}

.ui-icon-local-convenience-store:before {
    content: "";
}

.ui-icon-local-dining:before {
    content: "";
}

.ui-icon-local-drink:before {
    content: "";
}

.ui-icon-local-florist:before {
    content: "";
}

.ui-icon-local-gas-station:before {
    content: "";
}

.ui-icon-local-grocery-store:before {
    content: "";
}

.ui-icon-local-hospital:before {
    content: "";
}

.ui-icon-local-hotel:before {
    content: "";
}

.ui-icon-local-laundry-service:before {
    content: "";
}

.ui-icon-local-library:before {
    content: "";
}

.ui-icon-local-mall:before {
    content: "";
}

.ui-icon-local-movies:before {
    content: "";
}

.ui-icon-local-offer:before {
    content: "";
}

.ui-icon-local-parking:before {
    content: "";
}

.ui-icon-local-pharmacy:before {
    content: "";
}

.ui-icon-local-phone:before {
    content: "";
}

.ui-icon-local-pizza:before {
    content: "";
}

.ui-icon-local-play:before {
    content: "";
}

.ui-icon-local-post-office:before {
    content: "";
}

.ui-icon-local-printshop:before {
    content: "";
}

.ui-icon-local-see:before {
    content: "";
}

.ui-icon-local-shipping:before {
    content: "";
}

.ui-icon-local-taxi:before {
    content: "";
}

.ui-icon-location-city:before {
    content: "";
}

.ui-icon-location-disabled:before {
    content: "";
}

.ui-icon-location-off:before {
    content: "";
}

.ui-icon-location-on:before {
    content: "";
}

.ui-icon-location-searching:before {
    content: "";
}

.ui-icon-lock:before {
    content: "";
}

.ui-icon-lock-open:before {
    content: "";
}

.ui-icon-lock-outline:before {
    content: "";
}

.ui-icon-looks:before {
    content: "";
}

.ui-icon-looks-3:before {
    content: "";
}

.ui-icon-looks-4:before {
    content: "";
}

.ui-icon-looks-5:before {
    content: "";
}

.ui-icon-looks-6:before {
    content: "";
}

.ui-icon-looks-one:before {
    content: "";
}

.ui-icon-looks-two:before {
    content: "";
}

.ui-icon-loop:before {
    content: "";
}

.ui-icon-loupe:before {
    content: "";
}

.ui-icon-low-priority:before {
    content: "";
}

.ui-icon-loyalty:before {
    content: "";
}

.ui-icon-mail:before {
    content: "";
}

.ui-icon-mail-outline:before {
    content: "";
}

.ui-icon-map:before {
    content: "";
}

.ui-icon-markunread:before {
    content: "";
}

.ui-icon-markunread-mailbox:before {
    content: "";
}

.ui-icon-memory:before {
    content: "";
}

.ui-icon-menu:before {
    content: "";
}

.ui-icon-merge-type:before {
    content: "";
}

.ui-icon-message:before {
    content: "";
}

.ui-icon-mic:before {
    content: "";
}

.ui-icon-mic-none:before {
    content: "";
}

.ui-icon-mic-off:before {
    content: "";
}

.ui-icon-mms:before {
    content: "";
}

.ui-icon-mode-comment:before {
    content: "";
}

.ui-icon-mode-edit:before {
    content: "";
}

.ui-icon-monetization-on:before {
    content: "";
}

.ui-icon-money-off:before {
    content: "";
}

.ui-icon-monochrome-photos:before {
    content: "";
}

.ui-icon-mood:before {
    content: "";
}

.ui-icon-mood-bad:before {
    content: "";
}

.ui-icon-more:before {
    content: "";
}

.ui-icon-more-horiz:before {
    content: "";
}

.ui-icon-more-vert:before {
    content: "";
}

.ui-icon-motorcycle:before {
    content: "";
}

.ui-icon-mouse:before {
    content: "";
}

.ui-icon-move-to-inbox:before {
    content: "";
}

.ui-icon-movie:before {
    content: "";
}

.ui-icon-movie-creation:before {
    content: "";
}

.ui-icon-movie-filter:before {
    content: "";
}

.ui-icon-multiline-chart:before {
    content: "";
}

.ui-icon-music-note:before {
    content: "";
}

.ui-icon-music-video:before {
    content: "";
}

.ui-icon-my-location:before {
    content: "";
}

.ui-icon-nature:before {
    content: "";
}

.ui-icon-nature-people:before {
    content: "";
}

.ui-icon-navigate-before:before {
    content: "";
}

.ui-icon-navigate-next:before {
    content: "";
}

.ui-icon-navigation:before {
    content: "";
}

.ui-icon-near-me:before {
    content: "";
}

.ui-icon-network-cell:before {
    content: "";
}

.ui-icon-network-check:before {
    content: "";
}

.ui-icon-network-locked:before {
    content: "";
}

.ui-icon-network-wifi:before {
    content: "";
}

.ui-icon-new-releases:before {
    content: "";
}

.ui-icon-next-week:before {
    content: "";
}

.ui-icon-nfc:before {
    content: "";
}

.ui-icon-no-encryption:before {
    content: "";
}

.ui-icon-no-sim:before {
    content: "";
}

.ui-icon-not-interested:before {
    content: "";
}

.ui-icon-note:before {
    content: "";
}

.ui-icon-note-add:before {
    content: "";
}

.ui-icon-notifications:before {
    content: "";
}

.ui-icon-notifications-active:before {
    content: "";
}

.ui-icon-notifications-none:before {
    content: "";
}

.ui-icon-notifications-off:before {
    content: "";
}

.ui-icon-notifications-paused:before {
    content: "";
}

.ui-icon-offline-pin:before {
    content: "";
}

.ui-icon-ondemand-video:before {
    content: "";
}

.ui-icon-opacity:before {
    content: "";
}

.ui-icon-open-in-browser:before {
    content: "";
}

.ui-icon-open-in-new:before {
    content: "";
}

.ui-icon-open-with:before {
    content: "";
}

.ui-icon-pages:before {
    content: "";
}

.ui-icon-pageview:before {
    content: "";
}

.ui-icon-palette:before {
    content: "";
}

.ui-icon-pan-tool:before {
    content: "";
}

.ui-icon-panorama:before {
    content: "";
}

.ui-icon-panorama-fish-eye:before {
    content: "";
}

.ui-icon-panorama-horizontal:before {
    content: "";
}

.ui-icon-panorama-vertical:before {
    content: "";
}

.ui-icon-panorama-wide-angle:before {
    content: "";
}

.ui-icon-party-mode:before {
    content: "";
}

.ui-icon-pause:before {
    content: "";
}

.ui-icon-pause-circle-filled:before {
    content: "";
}

.ui-icon-pause-circle-outline:before {
    content: "";
}

.ui-icon-payment:before {
    content: "";
}

.ui-icon-people:before {
    content: "";
}

.ui-icon-people-outline:before {
    content: "";
}

.ui-icon-perm-camera-mic:before {
    content: "";
}

.ui-icon-perm-contact-calendar:before {
    content: "";
}

.ui-icon-perm-data-setting:before {
    content: "";
}

.ui-icon-perm-device-information:before {
    content: "";
}

.ui-icon-perm-identity:before {
    content: "";
}

.ui-icon-perm-media:before {
    content: "";
}

.ui-icon-perm-phone-msg:before {
    content: "";
}

.ui-icon-perm-scan-wifi:before {
    content: "";
}

.ui-icon-person:before {
    content: "";
}

.ui-icon-person-add:before {
    content: "";
}

.ui-icon-person-outline:before {
    content: "";
}

.ui-icon-person-pin:before {
    content: "";
}

.ui-icon-person-pin-circle:before {
    content: "";
}

.ui-icon-personal-video:before {
    content: "";
}

.ui-icon-pets:before {
    content: "";
}

.ui-icon-phone:before {
    content: "";
}

.ui-icon-phone-android:before {
    content: "";
}

.ui-icon-phone-bluetooth-speaker:before {
    content: "";
}

.ui-icon-phone-forwarded:before {
    content: "";
}

.ui-icon-phone-in-talk:before {
    content: "";
}

.ui-icon-phone-iphone:before {
    content: "";
}

.ui-icon-phone-locked:before {
    content: "";
}

.ui-icon-phone-missed:before {
    content: "";
}

.ui-icon-phone-paused:before {
    content: "";
}

.ui-icon-phonelink:before {
    content: "";
}

.ui-icon-phonelink-erase:before {
    content: "";
}

.ui-icon-phonelink-lock:before {
    content: "";
}

.ui-icon-phonelink-off:before {
    content: "";
}

.ui-icon-phonelink-ring:before {
    content: "";
}

.ui-icon-phonelink-setup:before {
    content: "";
}

.ui-icon-photo:before {
    content: "";
}

.ui-icon-photo-album:before {
    content: "";
}

.ui-icon-photo-camera:before {
    content: "";
}

.ui-icon-photo-filter:before {
    content: "";
}

.ui-icon-photo-library:before {
    content: "";
}

.ui-icon-photo-size-select-actual:before {
    content: "";
}

.ui-icon-photo-size-select-large:before {
    content: "";
}

.ui-icon-photo-size-select-small:before {
    content: "";
}

.ui-icon-picture-as-pdf:before {
    content: "";
}

.ui-icon-picture-in-picture:before {
    content: "";
}

.ui-icon-picture-in-picture-alt:before {
    content: "";
}

.ui-icon-pie-chart:before {
    content: "";
}

.ui-icon-pie-chart-outlined:before {
    content: "";
}

.ui-icon-pin-drop:before {
    content: "";
}

.ui-icon-place:before {
    content: "";
}

.ui-icon-play-arrow:before {
    content: "";
}

.ui-icon-play-circle-filled:before {
    content: "";
}

.ui-icon-play-circle-outline:before {
    content: "";
}

.ui-icon-play-for-work:before {
    content: "";
}

.ui-icon-playlist-add:before {
    content: "";
}

.ui-icon-playlist-add-check:before {
    content: "";
}

.ui-icon-playlist-play:before {
    content: "";
}

.ui-icon-plus-one:before {
    content: "";
}

.ui-icon-poll:before {
    content: "";
}

.ui-icon-polymer:before {
    content: "";
}

.ui-icon-pool:before {
    content: "";
}

.ui-icon-portable-wifi-off:before {
    content: "";
}

.ui-icon-portrait:before {
    content: "";
}

.ui-icon-power:before {
    content: "";
}

.ui-icon-power-input:before {
    content: "";
}

.ui-icon-power-settings-new:before {
    content: "";
}

.ui-icon-pregnant-woman:before {
    content: "";
}

.ui-icon-present-to-all:before {
    content: "";
}

.ui-icon-print:before, .icon-print:before {
    content: "";
}

.ui-icon-priority-high:before {
    content: "";
}

.ui-icon-public:before {
    content: "";
}

.ui-icon-publish:before {
    content: "";
}

.ui-icon-query-builder:before {
    content: "";
}

.ui-icon-question-answer:before {
    content: "";
}

.ui-icon-queue:before {
    content: "";
}

.ui-icon-queue-music:before {
    content: "";
}

.ui-icon-queue-play-next:before {
    content: "";
}

.ui-icon-radio:before {
    content: "";
}

.ui-icon-radio-button-checked:before {
    content: "";
}

.ui-icon-radio-button-unchecked:before {
    content: "";
}

.ui-icon-rate-review:before {
    content: "";
}

.ui-icon-receipt:before {
    content: "";
}

.ui-icon-recent-actors:before {
    content: "";
}

.ui-icon-record-voice-over:before {
    content: "";
}

.ui-icon-redeem:before {
    content: "";
}

.ui-icon-redo:before {
    content: "";
}

.ui-icon-refresh:before {
    content: "";
}

.ui-icon-remove:before {
    content: "";
}

.ui-icon-remove-circle:before {
    content: "";
}

.ui-icon-remove-circle-outline:before {
    content: "";
}

.ui-icon-remove-from-queue:before {
    content: "";
}

.ui-icon-remove-red-eye:before {
    content: "";
}

.ui-icon-remove-shopping-cart:before {
    content: "";
}

.ui-icon-reorder:before {
    content: "";
}

.ui-icon-repeat:before {
    content: "";
}

.ui-icon-repeat-one:before {
    content: "";
}

.ui-icon-replay:before {
    content: "";
}

.ui-icon-replay-10:before {
    content: "";
}

.ui-icon-replay-30:before {
    content: "";
}

.ui-icon-replay-5:before {
    content: "";
}

.ui-icon-reply:before {
    content: "";
}

.ui-icon-reply-all:before {
    content: "";
}

.ui-icon-report:before {
    content: "";
}

.ui-icon-report-problem:before {
    content: "";
}

.ui-icon-restaurant:before {
    content: "";
}

.ui-icon-restaurant-menu:before {
    content: "";
}

.ui-icon-restore:before {
    content: "";
}

.ui-icon-restore-page:before {
    content: "";
}

.ui-icon-ring-volume:before {
    content: "";
}

.ui-icon-room:before {
    content: "";
}

.ui-icon-room-service:before {
    content: "";
}

.ui-icon-rotate-90-degrees-ccw:before {
    content: "";
}

.ui-icon-rotate-left:before {
    content: "";
}

.ui-icon-rotate-right:before {
    content: "";
}

.ui-icon-rounded-corner:before {
    content: "";
}

.ui-icon-router:before {
    content: "";
}

.ui-icon-rowing:before {
    content: "";
}

.ui-icon-rss-feed:before {
    content: "";
}

.ui-icon-rv-hookup:before {
    content: "";
}

.ui-icon-satellite:before {
    content: "";
}

.ui-icon-save:before {
    content: "";
}

.ui-icon-scanner:before {
    content: "";
}

.ui-icon-schedule:before {
    content: "";
}

.ui-icon-school:before {
    content: "";
}

.ui-icon-screen-lock-landscape:before {
    content: "";
}

.ui-icon-screen-lock-portrait:before {
    content: "";
}

.ui-icon-screen-lock-rotation:before {
    content: "";
}

.ui-icon-screen-rotation:before {
    content: "";
}

.ui-icon-screen-share:before {
    content: "";
}

.ui-icon-sd-card:before {
    content: "";
}

.ui-icon-sd-storage:before {
    content: "";
}

.ui-icon-search:before {
    content: "";
}

.ui-icon-security:before {
    content: "";
}

.ui-icon-select-all:before {
    content: "";
}

.ui-icon-send:before {
    content: "";
}

.ui-icon-sentiment-dissatisfied:before {
    content: "";
}

.ui-icon-sentiment-neutral:before {
    content: "";
}

.ui-icon-sentiment-satisfied:before {
    content: "";
}

.ui-icon-sentiment-very-dissatisfied:before {
    content: "";
}

.ui-icon-sentiment-very-satisfied:before {
    content: "";
}

.ui-icon-settings:before {
    content: "";
}

.ui-icon-settings-applications:before {
    content: "";
}

.ui-icon-settings-backup-restore:before {
    content: "";
}

.ui-icon-settings-bluetooth:before {
    content: "";
}

.ui-icon-settings-brightness:before {
    content: "";
}

.ui-icon-settings-cell:before {
    content: "";
}

.ui-icon-settings-ethernet:before {
    content: "";
}

.ui-icon-settings-input-antenna:before {
    content: "";
}

.ui-icon-settings-input-component:before {
    content: "";
}

.ui-icon-settings-input-composite:before {
    content: "";
}

.ui-icon-settings-input-hdmi:before {
    content: "";
}

.ui-icon-settings-input-svideo:before {
    content: "";
}

.ui-icon-settings-overscan:before {
    content: "";
}

.ui-icon-settings-phone:before {
    content: "";
}

.ui-icon-settings-power:before {
    content: "";
}

.ui-icon-settings-remote:before {
    content: "";
}

.ui-icon-settings-system-daydream:before {
    content: "";
}

.ui-icon-settings-voice:before {
    content: "";
}

.ui-icon-share:before {
    content: "";
}

.ui-icon-shop:before {
    content: "";
}

.ui-icon-shop-two:before {
    content: "";
}

.ui-icon-shopping-basket:before {
    content: "";
}

.ui-icon-shopping-cart:before {
    content: "";
}

.ui-icon-short-text:before {
    content: "";
}

.ui-icon-show-chart:before {
    content: "";
}

.ui-icon-shuffle:before {
    content: "";
}

.ui-icon-signal-cellular-4-bar:before {
    content: "";
}

.ui-icon-signal-cellular-connected-no-internet-4-bar:before {
    content: "";
}

.ui-icon-signal-cellular-no-sim:before {
    content: "";
}

.ui-icon-signal-cellular-null:before {
    content: "";
}

.ui-icon-signal-cellular-off:before {
    content: "";
}

.ui-icon-signal-wifi-4-bar:before {
    content: "";
}

.ui-icon-signal-wifi-4-bar-lock:before {
    content: "";
}

.ui-icon-signal-wifi-off:before {
    content: "";
}

.ui-icon-sim-card:before {
    content: "";
}

.ui-icon-sim-card-alert:before {
    content: "";
}

.ui-icon-skip-next:before {
    content: "";
}

.ui-icon-skip-previous:before {
    content: "";
}

.ui-icon-slideshow:before {
    content: "";
}

.ui-icon-slow-motion-video:before {
    content: "";
}

.ui-icon-smartphone:before {
    content: "";
}

.ui-icon-smoke-free:before {
    content: "";
}

.ui-icon-smoking-rooms:before {
    content: "";
}

.ui-icon-sms:before {
    content: "";
}

.ui-icon-sms-failed:before {
    content: "";
}

.ui-icon-snooze:before {
    content: "";
}

.ui-icon-sort:before {
    content: "";
}

.ui-icon-sort-by-alpha:before {
    content: "";
}

.ui-icon-spa:before {
    content: "";
}

.ui-icon-space-bar:before {
    content: "";
}

.ui-icon-speaker:before {
    content: "";
}

.ui-icon-speaker-group:before {
    content: "";
}

.ui-icon-speaker-notes:before {
    content: "";
}

.ui-icon-speaker-notes-off:before {
    content: "";
}

.ui-icon-speaker-phone:before {
    content: "";
}

.ui-icon-spellcheck:before {
    content: "";
}

.ui-icon-star:before {
    content: "";
}

.ui-icon-star-border:before {
    content: "";
}

.ui-icon-star-half:before {
    content: "";
}

.ui-icon-stars:before {
    content: "";
}

.ui-icon-stay-current-landscape:before {
    content: "";
}

.ui-icon-stay-current-portrait:before {
    content: "";
}

.ui-icon-stay-primary-landscape:before {
    content: "";
}

.ui-icon-stay-primary-portrait:before {
    content: "";
}

.ui-icon-stop:before {
    content: "";
}

.ui-icon-stop-screen-share:before {
    content: "";
}

.ui-icon-storage:before {
    content: "";
}

.ui-icon-store:before {
    content: "";
}

.ui-icon-store-mall-directory:before {
    content: "";
}

.ui-icon-straighten:before {
    content: "";
}

.ui-icon-streetview:before {
    content: "";
}

.ui-icon-strikethrough-s:before {
    content: "";
}

.ui-icon-style:before {
    content: "";
}

.ui-icon-subdirectory-arrow-left:before {
    content: "";
}

.ui-icon-subdirectory-arrow-right:before {
    content: "";
}

.ui-icon-subject:before {
    content: "";
}

.ui-icon-subscriptions:before {
    content: "";
}

.ui-icon-subtitles:before {
    content: "";
}

.ui-icon-subway:before {
    content: "";
}

.ui-icon-supervisor-account:before {
    content: "";
}

.ui-icon-surround-sound:before {
    content: "";
}

.ui-icon-swap-calls:before {
    content: "";
}

.ui-icon-swap-horiz:before {
    content: "";
}

.ui-icon-swap-vert:before {
    content: "";
}

.ui-icon-swap-vertical-circle:before {
    content: "";
}

.ui-icon-switch-camera:before {
    content: "";
}

.ui-icon-switch-video:before {
    content: "";
}

.ui-icon-sync:before {
    content: "";
}

.ui-icon-sync-disabled:before {
    content: "";
}

.ui-icon-sync-problem:before {
    content: "";
}

.ui-icon-system-update:before {
    content: "";
}

.ui-icon-system-update-alt:before {
    content: "";
}

.ui-icon-tab:before {
    content: "";
}

.ui-icon-tab-unselected:before {
    content: "";
}

.ui-icon-tablet:before {
    content: "";
}

.ui-icon-tablet-android:before {
    content: "";
}

.ui-icon-tablet-mac:before {
    content: "";
}

.ui-icon-tag-faces:before {
    content: "";
}

.ui-icon-tap-and-play:before {
    content: "";
}

.ui-icon-terrain:before {
    content: "";
}

.ui-icon-text-fields:before {
    content: "";
}

.ui-icon-text-format:before {
    content: "";
}

.ui-icon-textsms:before {
    content: "";
}

.ui-icon-texture:before {
    content: "";
}

.ui-icon-theaters:before {
    content: "";
}

.ui-icon-thumb-down:before {
    content: "";
}

.ui-icon-thumb-up:before {
    content: "";
}

.ui-icon-thumbs-up-down:before {
    content: "";
}

.ui-icon-time-to-leave:before {
    content: "";
}

.ui-icon-timelapse:before {
    content: "";
}

.ui-icon-timeline:before {
    content: "";
}

.ui-icon-timer:before {
    content: "";
}

.ui-icon-timer-10:before {
    content: "";
}

.ui-icon-timer-3:before {
    content: "";
}

.ui-icon-timer-off:before {
    content: "";
}

.ui-icon-title:before {
    content: "";
}

.ui-icon-toc:before {
    content: "";
}

.ui-icon-today:before {
    content: "";
}

.ui-icon-toll:before {
    content: "";
}

.ui-icon-tonality:before {
    content: "";
}

.ui-icon-touch-app:before {
    content: "";
}

.ui-icon-toys:before {
    content: "";
}

.ui-icon-track-changes:before {
    content: "";
}

.ui-icon-traffic:before {
    content: "";
}

.ui-icon-train:before {
    content: "";
}

.ui-icon-tram:before {
    content: "";
}

.ui-icon-transfer-within-a-station:before {
    content: "";
}

.ui-icon-transform:before {
    content: "";
}

.ui-icon-translate:before {
    content: "";
}

.ui-icon-trending-down:before {
    content: "";
}

.ui-icon-trending-flat:before {
    content: "";
}

.ui-icon-trending-up:before {
    content: "";
}

.ui-icon-tune:before {
    content: "";
}

.ui-icon-turned-in:before {
    content: "";
}

.ui-icon-turned-in-not:before {
    content: "";
}

.ui-icon-tv:before {
    content: "";
}

.ui-icon-unarchive:before {
    content: "";
}

.ui-icon-undo:before {
    content: "";
}

.ui-icon-unfold-less:before {
    content: "";
}

.ui-icon-unfold-more:before {
    content: "";
}

.ui-icon-update:before {
    content: "";
}

.ui-icon-usb:before {
    content: "";
}

.ui-icon-verified-user:before {
    content: "";
}

.ui-icon-vertical-align-bottom:before {
    content: "";
}

.ui-icon-vertical-align-center:before {
    content: "";
}

.ui-icon-vertical-align-top:before {
    content: "";
}

.ui-icon-vibration:before {
    content: "";
}

.ui-icon-video-call:before {
    content: "";
}

.ui-icon-video-label:before {
    content: "";
}

.ui-icon-video-library:before {
    content: "";
}

.ui-icon-videocam:before {
    content: "";
}

.ui-icon-videocam-off:before {
    content: "";
}

.ui-icon-videogame-asset:before {
    content: "";
}

.ui-icon-view-agenda:before {
    content: "";
}

.ui-icon-view-array:before {
    content: "";
}

.ui-icon-view-carousel:before {
    content: "";
}

.ui-icon-view-column:before {
    content: "";
}

.ui-icon-view-comfy:before {
    content: "";
}

.ui-icon-view-compact:before {
    content: "";
}

.ui-icon-view-day:before {
    content: "";
}

.ui-icon-view-headline:before {
    content: "";
}

.ui-icon-view-list:before {
    content: "";
}

.ui-icon-view-module:before {
    content: "";
}

.ui-icon-view-quilt:before {
    content: "";
}

.ui-icon-view-stream:before {
    content: "";
}

.ui-icon-view-week:before {
    content: "";
}

.ui-icon-vignette:before {
    content: "";
}

.ui-icon-visibility:before {
    content: "";
}

.ui-icon-visibility-off:before {
    content: "";
}

.ui-icon-voice-chat:before {
    content: "";
}

.ui-icon-voicemail:before {
    content: "";
}

.ui-icon-volume-down:before {
    content: "";
}

.ui-icon-volume-mute:before {
    content: "";
}

.ui-icon-volume-off:before {
    content: "";
}

.ui-icon-volume-up:before {
    content: "";
}

.ui-icon-vpn-key:before {
    content: "";
}

.ui-icon-vpn-lock:before {
    content: "";
}

.ui-icon-wallpaper:before {
    content: "";
}

.ui-icon-warning:before {
    content: "";
}

.ui-icon-watch:before {
    content: "";
}

.ui-icon-watch-later:before {
    content: "";
}

.ui-icon-wb-auto:before {
    content: "";
}

.ui-icon-wb-cloudy:before {
    content: "";
}

.ui-icon-wb-incandescent:before {
    content: "";
}

.ui-icon-wb-iridescent:before {
    content: "";
}

.ui-icon-wb-sunny:before {
    content: "";
}

.ui-icon-wc:before {
    content: "";
}

.ui-icon-web:before {
    content: "";
}

.ui-icon-web-asset:before {
    content: "";
}

.ui-icon-weekend:before {
    content: "";
}

.ui-icon-whatshot:before {
    content: "";
}

.ui-icon-widgets:before {
    content: "";
}

.ui-icon-wifi:before {
    content: "";
}

.ui-icon-wifi-lock:before {
    content: "";
}

.ui-icon-wifi-tethering:before {
    content: "";
}

.icon-file-pdf:before {
    content: "";
}

.ui-icon-work:before {
    content: "";
}

.ui-icon-wrap-text:before {
    content: "";
}

.ui-icon-youtube-searched-for:before {
    content: "";
}

.ui-icon-zoom-in:before {
    content: "";
}

.ui-icon-zoom-out:before {
    content: "";
}

.ui-icon-zoom-out-map:before {
    content: "";
}

.ui-icon-wrench:before {
    content: "build";
}

.material-icons, .icon-print, .icon-file-pdf, .icon-edit {
    font-family: 'Material Icons';
    font-weight: normal;
    font-style: normal;
    font-size: 22px;
    /* Preferred icon size */
    display: inline-block;
    width: 1em;
    height: 1em;
    line-height: 1;
    text-transform: none;
    letter-spacing: normal;
    word-wrap: normal;
    white-space: nowrap;
    direction: ltr;
    /* Support for all WebKit browsers. */
    -webkit-font-smoothing: antialiased;
    /* Support for Safari and Chrome. */
    text-rendering: optimizeLegibility;
    /* Support for Firefox. */
    -moz-osx-font-smoothing: grayscale;
    /* Support for IE. */
    font-feature-settings: 'liga';
}

/* Theme General */

body {
    /* Messages */
    /* Info */
    /* Error */
    /* Warn */
    /* Warn */
    /* Fatal */
}

body .ui-widget, body .ui-widget .ui-widget {
    font-family: "Roboto", "Helvetica Neue", sans-serif;
    text-decoration: none;
    font-size: 12px!important;
    word-break: normal;
    /*	text-transform: uppercase;  
	font-weight: bold !important;
    /* margin-bottom: 20px; */
}
#frmCustomerRegistration\:drpContractPDFCenterBranch.ui-selectonemenu.ui-widget.ui-state-default.ui-corner-all{
	width:50%;
}
.its-forms {
    margin-bottom: 20px
}

.ui-datatable .ui-datatable-header {
    background-color: #225b64 ;
    border: 0;
    box-shadow: none;
    font-weight: 600;
}

body .ui-widget-content {
    background-color: #ffffff; 
    font-size: 16px;
    border: none;
}

body .ui-widget-content .ui-icon {
    color: #757575;
}

body .ui-widget-header {
    background-color: #225b64 ;
    color: #ffffff;
    font-size: 16px;
    border: 1px solid #757575;
}

body .ui-widget-header .ui-icon {
    color: #ffffff;
}

.ui-breadcrumb * {
    color: #757575 !important;
}

body .ui-state-active, body .ui-state-highlight {
    background-color: rgb(34 91 100);
    color: #ffffff;
}

body .ui-state-active .ui-icon, body .ui-state-highlight .ui-icon {
    color: #ffffff;
}

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

body .ui-corner-all {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

body .ui-corner-top {
    -moz-border-radius-topleft: 3px;
    -webkit-border-top-left-radius: 3px;
    border-top-left-radius: 3px;
    -moz-border-radius-topright: 3px;
    -webkit-border-top-right-radius: 3px;
    border-top-right-radius: 3px;
}

body .ui-corner-bottom {
    -moz-border-radius-bottomleft: 3px;
    -webkit-border-bottom-left-radius: 3px;
    border-bottom-left-radius: 3px;
    -moz-border-radius-bottomright: 3px;
    -webkit-border-bottom-right-radius: 3px;
    border-bottom-right-radius: 3px;
}

body .ui-corner-left {
    -moz-border-radius-topleft: 3px;
    -webkit-border-top-left-radius: 3px;
    border-top-left-radius: 3px;
    -moz-border-radius-bottomleft: 3px;
    -webkit-border-bottom-left-radius: 3px;
    border-bottom-left-radius: 3px;
}

body .ui-corner-right {
    -moz-border-radius-topright: 3px;
    -webkit-border-top-right-radius: 3px;
    border-top-right-radius: 3px;
    -moz-border-radius-bottomright: 3px;
    -webkit-border-bottom-right-radius: 3px;
    border-bottom-right-radius: 3px;
}

body .ui-widget-overlay {
    /*---ss--    background-color: #58575c; */
    opacity: .8;
}

body .ui-icon {
    font-family: 'Material Icons';
    font-weight: normal;
    font-style: normal;
    font-size: 24px;
    /* Preferred icon size */
    display: inline-block;
    width: 1em;
    height: 1em;
    line-height: 1;
    text-transform: none;
    letter-spacing: normal;
    word-wrap: normal;
    white-space: nowrap;
    direction: ltr;
    text-indent: 0;
    overflow: visible;
    /* Support for all WebKit browsers. */
    -webkit-font-smoothing: antialiased;
    /* Support for Safari and Chrome. */
    text-rendering: optimizeLegibility;
    /* Support for Firefox. */
    -moz-osx-font-smoothing: grayscale;
    /* Support for IE. */
    font-feature-settings: 'liga';
}

body .fa {
    font-family: 'FontAwesome';
}

body .ui-inputfield {
    background: transparent;
    border-width: 0 0 1px 0;
    padding: 2px 2px 1px 2px;
    font-size: 16px;
    border-color: #bdbdbd;
    border-style: solid;
    -moz-transition: border-color 0.3s;
    -o-transition: border-color 0.3s;
    -webkit-transition: border-color 0.3s;
    transition: border-color 0.3s;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
    width: 100%;
    text-transform: none !important;
}

body .ui-inputfield.ui-state-focus {
    border-width: 0 0 2px 0;
    border-color: #757575;
    padding-bottom: 0px;
}

body .ui-inputfield.ui-state-disabled {
    border-bottom: 1px dotted;
}

body .ui-inputfield.ui-widget-content {
    border-width: 1px;
}

body .ui-inputfield.ui-state-error {
    border-color: #e62a10;
}

body .ui-panel {
    padding: 0;
}

body .ui-panel .ui-panel-titlebar {
    border: 0 none;
    /* border-bottom: 1px solid #757575; */
    padding: 10px 16px;
    -moz-border-radius-topleft: 2px;
    -webkit-border-top-left-radius: 2px;
    border-top-left-radius: 2px;
    -moz-border-radius-topright: 2px;
    -webkit-border-top-right-radius: 2px;
    border-top-right-radius: 2px;
    -moz-border-radius-bottomleft: 0px;
    -webkit-border-bottom-left-radius: 0px;
    border-bottom-left-radius: 0px;
    -moz-border-radius-bottomright: 0px;
    -webkit-border-bottom-right-radius: 0px;
    border-bottom-right-radius: 0px;
}

body .ui-panel .ui-panel-titlebar .ui-panel-title {
    line-height: 30px;
}

body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon {
    position: relative;
    top: 4px;
    width: 24px;
    height: 24px;
    color: #ffffff;
    margin: 0;
    -moz-transition: background-color 0.3s;
    -o-transition: background-color 0.3s;
    -webkit-transition: background-color 0.3s;
    transition: background-color 0.3s;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
}

body .ui-panel .ui-panel-titlebar .ui-panel-titlebar-icon:hover {
    /* background-color: #B0BEC5; */
}

body .ui-panel .ui-panel-content {
    height: 100%;
    box-sizing: border-box;
    padding: 10px 16px;
}

body .ui-panel .ui-panel-footer {
    padding: 10px 16px;
    border: 0 none;
    border-top: 1px solid #bdbdbd;
    margin: 0;
}

body .ui-panel.ui-panel-collapsed-h .ui-panel-titlebar {
    padding-left: 40px;
}

body .ui-fieldset {
    padding: 10px 16px;
}

body .ui-fieldset .ui-fieldset-legend {
    padding: 10px 16px;
    padding-left: 2px;
    padding-right: 8px;
    color: #757575;
}

body .ui-fieldset .ui-fieldset-legend .ui-fieldset-toggler {
    padding: 12px;
    background-color: #757575;
    color: #ffffff;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    -moz-transition: background-color 0.3s;
    -o-transition: background-color 0.3s;
    -webkit-transition: background-color 0.3s;
    transition: background-color 0.3s;
    margin-top: -12px;
    margin-right: 8px;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12);
    -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12);
    -moz-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12);
}

body .ui-fieldset .ui-fieldset-legend .ui-fieldset-toggler:hover {
    background-color: #555555;
}

body .ui-fieldset .ui-fieldset-legend.ui-state-focus {
    background-color: transparent;
}

body .ui-notificationbar {
    background-color: #225b64;
    color: #ffffff;
}

body .ui-picklist .ui-picklist-caption {
    font-size: 16px;
    padding: 10px 16px;
}

body .ui-picklist .ui-picklist-list {
    padding: 0;
}

body .ui-picklist li.ui-picklist-item {
    font-size: 16px;
    padding: 10px 14px;
    margin: 0;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
}

body .ui-picklist li.ui-picklist-item.ui-state-hover {
    background-color: #e8e8e8;
    color: #000000;
}

body .ui-picklist .ui-picklist-buttons {
    width: 48px;
}

body .ui-picklist .ui-picklist-buttons .ui-button.ui-button-icon-only {
    width: 40px;
    margin-right: 0;
    display: inline-block;
    margin-bottom: 8px;
}

body .ui-picklist .ui-picklist-buttons-cell {
    text-align: center;
}

body .ui-picklist .ui-picklist-filter-container {
    padding: 10px 16px;
}

body .ui-picklist .ui-picklist-filter-container .ui-picklist-filter {
    width: 100%;
}

body .ui-picklist .ui-picklist-filter-container .ui-icon {
    color: #757575;
    top: 8px;
}

body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button.ui-button-icon-only {
    margin: 0 auto;
    display: block;
    margin-bottom: 8px;
}

body .ui-picklist.ui-picklist-responsive .ui-picklist-list .ui-picklist-item .ui-chkbox {
    margin-right: 8px;
    vertical-align: top;
}

body .ui-picklist.ui-picklist-responsive .ui-picklist-list .ui-picklist-item .ui-chkbox, body .ui-picklist.ui-picklist-responsive .ui-picklist-list .ui-picklist-item .ui-chkbox * {
    box-sizing: content-box;
}

body .ui-orderlist .ui-orderlist-caption {
    font-size: 16px;
    padding: 10px 16px;
    box-sizing: border-box;
}

body .ui-orderlist .ui-orderlist-list {
    padding: 0;
    box-sizing: border-box;
}

body .ui-orderlist .ui-orderlist-list li.ui-orderlist-item {
    font-size: 16px;
    padding: 10px 14px;
    margin: 0;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
}

body .ui-orderlist .ui-orderlist-list li.ui-orderlist-item.ui-state-hover {
    background-color: #e8e8e8;
    color: #000000;
}

body .ui-orderlist .ui-orderlist-controls {
    width: 60px;
    text-align: center;
}

body .ui-orderlist .ui-orderlist-controls .ui-button.ui-button-icon-only {
    width: 40px;
    margin-right: 0;
    display: inline-block;
}

body .ui-selectonelistbox {
    background-color: #ffffff;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

body .ui-selectonelistbox.ui-inputfield {
    padding: 0;
}

body .ui-selectonelistbox .ui-selectlistbox-list {
    padding: 0;
}

body .ui-selectonelistbox .ui-selectlistbox-item {
    overflow: hidden;
    font-size: 16px;
    padding: 10px 14px;
    margin: 0;
    position: relative;
    overflow: hidden;
    -moz-transition: background-color 0.3s;
    -o-transition: background-color 0.3s;
    -webkit-transition: background-color 0.3s;
    transition: background-color 0.3s;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
}

body .ui-selectonelistbox .ui-selectlistbox-item.ui-state-hover {
    background-color: #e8e8e8;
    color: #000000;
}

body .ui-selectonelistbox .ui-selectlistbox-filter-container {
    padding: 10px 16px;
}

body .ui-selectonelistbox .ui-selectlistbox-filter-container .ui-icon {
    top: 8px;
    right: 8px;
}

body .ui-multiselectlistbox .ui-multiselectlistbox-header {
    font-size: 16px;
    padding: 10px 16px;
}

body .ui-multiselectlistbox .ui-multiselectlistbox-list {
    padding: 0;
    background-color: #ffffff;
}

body .ui-multiselectlistbox li.ui-multiselectlistbox-item {
    position: relative;
    overflow: hidden;
    -moz-transition: background-color 0.3s;
    -o-transition: background-color 0.3s;
    -webkit-transition: background-color 0.3s;
    transition: background-color 0.3s;
    font-size: 16px;
    padding: 10px 14px;
    margin: 0;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
}

body .ui-multiselectlistbox li.ui-multiselectlistbox-item.ui-state-hover {
    background-color: #e8e8e8;
    color: #000000;
}

body .ui-paginator {
    background-color: #555555;
    padding: 10px 16px;
    box-shadow: none;
}

body .ui-paginator>a {
    margin-top: -1px;
    box-sizing: border-box;
    color: #ffffff;
}

body .ui-paginator>a span {
    display: none;
}

body .ui-paginator>a.ui-state-hover {
    background-color: #B0BEC5;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    -moz-transition: background-color 0.3s;
    -o-transition: background-color 0.3s;
    -webkit-transition: background-color 0.3s;
    transition: background-color 0.3s;
}

body .ui-paginator .ui-paginator-next {
    padding: 0 6px;
    vertical-align: middle;
    font-family: 'Material Icons';
    font-weight: normal;
    font-style: normal;
    font-size: 24px;
    /* Preferred icon size */
    display: inline-block;
    width: 1em;
    height: 1em;
    line-height: 1;
    text-transform: none;
    letter-spacing: normal;
    word-wrap: normal;
    white-space: nowrap;
    direction: ltr;
    /* Support for all WebKit browsers. */
    -webkit-font-smoothing: antialiased;
    /* Support for Safari and Chrome. */
    text-rendering: optimizeLegibility;
    /* Support for Firefox. */
    -moz-osx-font-smoothing: grayscale;
    /* Support for IE. */
    font-feature-settings: 'liga';
}

body .ui-paginator .ui-paginator-next:before {
    content: "";
}

body .ui-paginator .ui-paginator-next:before {
    position: relative;
    left: -6px;
}

body .ui-paginator .ui-paginator-last {
    padding: 0 6px;
    vertical-align: middle;
    font-family: 'Material Icons';
    font-weight: normal;
    font-style: normal;
    font-size: 24px;
    /* Preferred icon size */
    display: inline-block;
    width: 1em;
    height: 1em;
    line-height: 1;
    text-transform: none;
    letter-spacing: normal;
    word-wrap: normal;
    white-space: nowrap;
    direction: ltr;
    /* Support for all WebKit browsers. */
    -webkit-font-smoothing: antialiased;
    /* Support for Safari and Chrome. */
    text-rendering: optimizeLegibility;
    /* Support for Firefox. */
    -moz-osx-font-smoothing: grayscale;
    /* Support for IE. */
    font-feature-settings: 'liga';
}

body .ui-paginator .ui-paginator-last:before {
    content: "";
}

body .ui-paginator .ui-paginator-last:before {
    position: relative;
    left: -6px;
}

body .ui-paginator .ui-paginator-prev {
    padding: 0 6px;
    vertical-align: middle;
    font-family: 'Material Icons';
    font-weight: normal;
    font-style: normal;
    font-size: 24px;
    /* Preferred icon size */
    display: inline-block;
    width: 1em;
    height: 1em;
    line-height: 1;
    text-transform: none;
    letter-spacing: normal;
    word-wrap: normal;
    white-space: nowrap;
    direction: ltr;
    /* Support for all WebKit browsers. */
    -webkit-font-smoothing: antialiased;
    /* Support for Safari and Chrome. */
    text-rendering: optimizeLegibility;
    /* Support for Firefox. */
    -moz-osx-font-smoothing: grayscale;
    /* Support for IE. */
    font-feature-settings: 'liga';
}

body .ui-paginator .ui-paginator-prev:before {
    content: "";
}

body .ui-paginator .ui-paginator-prev:before {
    position: relative;
    left: -5px;
}

body .ui-paginator .ui-paginator-first {
    padding: 0 6px;
    vertical-align: middle;
    font-family: 'Material Icons';
    font-weight: normal;
    font-style: normal;
    font-size: 24px;
    /* Preferred icon size */
    display: inline-block;
    width: 1em;
    height: 1em;
    line-height: 1;
    text-transform: none;
    letter-spacing: normal;
    word-wrap: normal;
    white-space: nowrap;
    direction: ltr;
    /* Support for all WebKit browsers. */
    -webkit-font-smoothing: antialiased;
    /* Support for Safari and Chrome. */
    text-rendering: optimizeLegibility;
    /* Support for Firefox. */
    -moz-osx-font-smoothing: grayscale;
    /* Support for IE. */
    font-feature-settings: 'liga';
}

body .ui-paginator .ui-paginator-first:before {
    content: "";
}

body .ui-paginator .ui-paginator-first:before {
    position: relative;
    left: -5px;
}

body .ui-paginator .ui-paginator-pages {
    vertical-align: middle;
    margin: 0 6px 0 12px;
}

body .ui-paginator .ui-paginator-pages a {
    color: #ffffff;
    padding: 1px 8px;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    -moz-transition: background-color 0.3s;
    -o-transition: background-color 0.3s;
    -webkit-transition: background-color 0.3s;
    transition: background-color 0.3s;
}

body .ui-paginator .ui-paginator-pages a.ui-state-active {
    color: #ffffff;
}

body .ui-paginator .ui-paginator-pages a.ui-state-hover {
    background-color: #B0BEC5;
}

body .ui-datagrid .ui-datagrid-header {
    padding: 10px 16px;
}

body .ui-datagrid .ui-panel .ui-panel-titlebar {
    background-color: #ffffff;
    color: #212121;
    border-color: #bdbdbd;
}

body .ui-datalist .ui-datalist-header {
    padding: 10px 16px;
}

body .ui-datatable .ui-datatable-header, body .ui-datatable .ui-datatable-footer {
    padding: 10px 16px;
}

body .ui-datatable .ui-datatable-header .ui-inputfield, body .ui-datatable .ui-datatable-footer .ui-inputfield {
    color: #ffffff;
}

body .ui-datatable .ui-datatable-header .ui-inputfield:focus, body .ui-datatable .ui-datatable-footer .ui-inputfield:focus {
    border-color: #ffffff;
}

body .ui-datatable .ui-paginator {
    padding: 10px 16px;
}

body .ui-datatable thead th {
    padding: 10px 14px;
    border: 0 none;
    border-top: 1px solid #bdbdbd;
    background-color: #424242 !important;
}

body .ui-datatable thead th:first-child {
    border-left: none !important;
}

body .ui-datatable thead th:last-child {
    border-right: 1px solid #bdbdbd;
}

body .ui-datatable thead th.ui-state-hover {
    background-color: #e8e8e8;
    color: #000000;
}

body .ui-datatable thead th .ui-sortable-column-icon {
    vertical-align: middle;
    margin: -4px 0 0 0;
    color: #757575;
}

body .ui-datatable thead th .ui-sortable-column-icon.ui-icon-carat-2-n-s {
    margin-left: 4px;
}

body .ui-datatable thead th .ui-column-resizer {
    font-family: 'Material Icons';
    font-weight: normal;
    font-style: normal;
    font-size: 24px;
    /* Preferred icon size */
    display: inline-block;
    width: 1em;
    height: 1em;
    line-height: 1;
    text-transform: none;
    letter-spacing: normal;
    word-wrap: normal;
    white-space: nowrap;
    direction: ltr;
    /* Support for all WebKit browsers. */
    -webkit-font-smoothing: antialiased;
    /* Support for Safari and Chrome. */
    text-rendering: optimizeLegibility;
    /* Support for Firefox. */
    -moz-osx-font-smoothing: grayscale;
    /* Support for IE. */
    font-feature-settings: 'liga';
    font-size: 16px;
    color: #757575;
}

body .ui-datatable thead th .ui-column-resizer:before {
    content: "";
}

body .ui-datatable thead th.ui-state-active, body .ui-datatable thead th.ui-state-highlight {
    background-color: #555555;
    color: #ffffff;
    border-top-color: #225b64;
}

body .ui-datatable thead th.ui-state-active .ui-icon, body .ui-datatable thead th.ui-state-highlight .ui-icon {
    color: #ffffff;
}

body .ui-datatable thead th.ui-state-active .ui-inputfield, body .ui-datatable thead th.ui-state-highlight .ui-inputfield {
    color: #ffffff;
}

body .ui-datatable thead th.ui-state-active .ui-inputfield.ui-state-focus, body .ui-datatable thead th.ui-state-highlight .ui-inputfield.ui-state-focus {
    border-color: #ffffff;
}

body .ui-datatable thead tr th {
    border-top: 1px solid #bdbdbd!important;
}

body .ui-datatable tfoot td {
    padding: 10px 14px;
    border: 1px solid #bdbdbd;
    background-color: #ffffff;
}

body .ui-datatable tbody tr.ui-datatable-even {
    background-color: #e8e8e8 !important;
}

body .ui-datatable tbody tr.ui-datatable-even.ui-state-hover {
    background-color: #e8e8e8;
    color: #000000;
}

body .ui-datatable tbody tr.ui-datatable-even.ui-state-highlight {
    background-color: #225b64;
    color: #000;
    font-weight: bold;
}

body .ui-datatable tbody tr.ui-datatable-odd {
    background-color: #fff !important;
}

body .ui-datatable tbody tr td {
    border: none;
    padding: 10px 14px;
}

body .ui-datatable tbody tr td .ui-row-toggler {
    display: inherit;
}

body .ui-datatable tbody tr td.ui-state-highlight .ui-inputfield {
    color: #ffffff;
    border-color: #ffffff;
}

body .ui-datatable tbody tr td.ui-state-highlight .ui-inputfield:focus {
    border-color: #ffffff;
}

body .ui-datatable tbody tr td.ui-state-error {
    background-color: #e62a10;
    border-color: #e62a10;
    color: #ffffff;
}

body .ui-datatable tbody tr.ui-widget-content {
    border: 0 none;
}

body .ui-datatable tbody tr.ui-state-highlight {
    background-color: #225b64;
    color: #ffffff;
}

body .ui-datatable tbody tr .ui-cell-editor-input input {
    color: #ffffff;
}

body .ui-datatable tbody tr.ui-state-hover {
    background-color: #e8e8e8;
    color: #000000;
}

body .ui-datatable tbody tr.ui-state-error {
    background-color: #e62a10;
    border-color: #e62a10;
    color: #ffffff;
}

body .ui-datatable tbody tr.ui-state-error .ui-inputfield, body .ui-datatable tbody tr.ui-state-error .ui-inputfield.ui-state-error {
    border-color: #ffffff;
}

body .ui-datatable tbody tr.ui-state-highlight td.ui-selection-column .ui-radiobutton-box {
    border-color: #ffffff;
}

body .ui-datatable tbody tr.ui-state-highlight td.ui-selection-column .ui-radiobutton-box .ui-radiobutton-icon {
    background-color: #ffffff;
}

body .ui-datatable tbody tr.ui-state-highlight td.ui-selection-column .ui-chkbox-box {
    border-color: #ffffff;
    background-color: #ffffff;
}

body .ui-datatable tbody tr.ui-state-highlight td.ui-selection-column .ui-chkbox-box .ui-chkbox-icon {
    color: #757575;
}

body .ui-datatable tbody tr.ui-state-highlight .ui-inputfield {
    color: #ffffff;
    border-color: #ffffff;
}

body .ui-datatable tbody tr.ui-state-highlight .ui-inputfield:focus {
    border-color: #ffffff;
}

body .ui-datatable>.ui-icon-arrowthick-1-s {
    font-size: 18px;
    color: #225b64;
}

body .ui-datatable>.ui-icon-arrowthick-1-n {
    display: none !important;
}

body .ui-datatable.ui-datatable-scrollable .ui-datatable-scrollable-header, body .ui-datatable.ui-datatable-scrollable .ui-datatable-scrollable-footer {
    border: 0 none;
    background-color: transparent;
}

body .ui-datatable.ui-datatable-scrollable .ui-datatable-scrollable-header .ui-datatable-data td, body .ui-datatable.ui-datatable-scrollable .ui-datatable-scrollable-footer .ui-datatable-data td {
    color: #212121;
}

body .ui-datatable.ui-datatable-scrollable thead tr th {
    color: #ffffff;
    text-transform: uppercase;
    line-height: 13px;
    font-size: 12px;
}

body .ui-datatable.ui-datatable-scrollable tfoot tr td {
    color: #212121;
    font-size: 16px;
}

body .ui-draggable-dragging.ui-state-default {
    padding: 10px 16px !important;
    background-color: #757575;
}

body .md-inputfield {
    display: block;
    position: relative;
}

body .md-inputfield input:focus~label, body .md-inputfield input.ui-state-filled~label, body .md-inputfield textarea:focus~label, body .md-inputfield textarea.ui-state-filled~label, body .md-inputfield .inputfield-wrapper~label {
    /* hamdy */
    top: -15px;
    font-size: 12px;
    color: #757575;
}

body .md-inputfield label {
    color: #999;
    font-weight: normal;
    position: absolute;
    pointer-events: none;
    left: 5px;
    top: 1px;
    transition: 0.3s ease all;
    -moz-transition: 0.3s ease all;
    -webkit-transition: 0.3s ease all;
}

body .ui-button {
    overflow: hidden;
    background-color: #225b64;
    color: #ffffff;
    font-size: 14px!important;
    height: 36px;
    padding: 0 16px;
    border: 1px solid #225b64;
    -moz-box-shadow: 0 1px 2.5px 0 rgba(0, 0, 0, 0.26), 0 1px 5px 0 rgba(0, 0, 0, 0.16);
    -webkit-box-shadow: 0 1px 2.5px 0 rgba(0, 0, 0, 0.26), 0 1px 5px 0 rgba(0, 0, 0, 0.16);
    box-shadow: 0 1px 2.5px 0 rgba(0, 0, 0, 0.26), 0 1px 5px 0 rgba(0, 0, 0, 0.16);
    -moz-transition: background-color 0.3s;
    -o-transition: background-color 0.3s;
    -webkit-transition: background-color 0.3s;
    transition: background-color 0.3s;
}

body .ui-button.ui-state-hover {
    /* background-color: #424242 !important;
    border: 1px solid #0f6b37!important;
    color: #ffffff; */
}

body .ui-button.ui-state-focus {
    outline: 0 none;
    /* background-color: #8f8f8f; */
    /* background-color: #3e8457 !important; */
    border: 1px solid #3e8457;
    color: #ffffff;
}

body .ui-button .ui-button-text {
    padding: 0;
    line-height: 36px;
}


#frmtblnews\:pnlNewsDlg_content .ui-panel-title{
    margin: 0;
}

body .ui-button .ui-icon {
    color: #ffffff;
}

body .ui-button.ui-button-icon-only {
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    width: 40px;
    height: 40px;
}

body .ui-button.ui-button-icon-only .ui-icon {
    width: 24px;
    height: 24px;
    font-size: 24px;
    margin-top: -12px;
    margin-left: -11px;
}

body .ui-button.ui-button-text-icon-left .ui-icon, body .ui-button.ui-button-text-icon-right .ui-icon {
    width: 24px;
    height: 24px;
    font-size: 16px;
    margin-left: 5px;
}

body .ui-button.ui-button-text-icon-left {
    padding-left: 40px;
}

body .ui-button.ui-button-text-icon-right {
    padding-right: 40px;
}

body .ui-button.secondary {
    background-color: #225b64;
    color: #ffffff;
}

body .ui-button.secondary.ui-state-hover {
    background-color: #555555;
}

body .ui-button.secondary.ui-state-focus {
    outline: 0 none;
    background-color: #8ac3b0;
}

body .ui-button.blue-grey-btn {
    background-color: #757575;
}

body .ui-button.blue-grey-btn.ui-state-hover {
    background-color: #555555;
}

body .ui-button.blue-grey-btn.ui-state-focus {
    outline: 0 none;
    background-color: #8f8f8f;
}

body .ui-button.cyan-btn {
    background-color: #00BCD4;
}

body .ui-button.cyan-btn.ui-state-hover {
    background-color: #00838F;
}

body .ui-button.cyan-btn.ui-state-focus {
    outline: 0 none;
    background-color: #08e3ff;
}

body .ui-button.teal-btn {
    background-color: #009688;
}

body .ui-button.teal-btn.ui-state-hover {
    background-color: #00695C;
}

body .ui-button.teal-btn.ui-state-focus {
    outline: 0 none;
    background-color: #00c9b6;
}

body .ui-button.red-btn {
    background-color: #F44336;
}

body .ui-button.red-btn.ui-state-hover {
    background-color: #C62828;
}

body .ui-button.red-btn.ui-state-focus {
    outline: 0 none;
    background-color: #f77066;
}

body .ui-button.green-btn {
    background-color: #4CAF50;
}

body .ui-button.green-btn.ui-state-hover {
    background-color: #2E7D32;
}

body .ui-button.green-btn.ui-state-focus {
    outline: 0 none;
    background-color: #6ec071;
}

body .ui-button.deep-orange-btn {
    background-color: #FF5722;
}

body .ui-button.deep-orange-btn.ui-state-hover {
    background-color: #D84315;
}

body .ui-button.deep-orange-btn.ui-state-focus {
    outline: 0 none;
    background-color: #ff7e55;
}

body .ui-button.purple-btn {
    background-color: #673AB7;
}

body .ui-button.purple-btn.ui-state-hover {
    background-color: #4527A0;
}

body .ui-button.purple-btn.ui-state-focus {
    outline: 0 none;
    background-color: #8259cb;
}

body .ui-button.pink-btn {
    background-color: #E91E63;
}

body .ui-button.pink-btn.ui-state-hover {
    background-color: #AD1457;
}

body .ui-button.pink-btn.ui-state-focus {
    outline: 0 none;
    background-color: #ee4c83;
}

body .ui-button.amber-btn {
    background-color: #FFC107;
    color: #212121;
}

body .ui-button.amber-btn.ui-state-hover {
    background-color: #FF8F00;
}

body .ui-button.amber-btn.ui-state-focus {
    outline: 0 none;
    background-color: #ffce3a;
}

body .ui-button.orange-btn {
    background-color: #FF9800;
}

body .ui-button.orange-btn.ui-state-hover {
    background-color: #EF6C00;
}

body .ui-button.orange-btn.ui-state-focus {
    outline: 0 none;
    background-color: #ffad33;
}

body .ui-button.brown-btn {
    background-color: #795548;
}

body .ui-button.brown-btn.ui-state-hover {
    background-color: #4E342E;
}

body .ui-button.brown-btn.ui-state-focus {
    outline: 0 none;
    background-color: #996b5b;
}

body .ui-button.flat {
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
}

body .ui-buttonset .ui-state-active {
    background-color: #225b64;
    color: #ffffff;
}

body .ui-splitbutton {
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -moz-box-shadow: 0 1px 2.5px 0 rgba(0, 0, 0, 0.26), 0 1px 5px 0 rgba(0, 0, 0, 0.16);
    -webkit-box-shadow: 0 1px 2.5px 0 rgba(0, 0, 0, 0.26), 0 1px 5px 0 rgba(0, 0, 0, 0.16);
    box-shadow: 0 1px 2.5px 0 rgba(0, 0, 0, 0.26), 0 1px 5px 0 rgba(0, 0, 0, 0.16);
}

body .ui-splitbutton>.ui-button {
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
}

body .ui-splitbutton>.ui-button.ui-state-active {
    background-color: #8f8f8f;
}

body .ui-splitbutton .ui-splitbutton-menubutton {
    height: 36px;
    -moz-border-radius-topleft: 0;
    -webkit-border-top-left-radius: 0;
    border-top-left-radius: 0;
    -moz-border-radius-bottomleft: 0;
    -webkit-border-bottom-left-radius: 0;
    border-bottom-left-radius: 0;
    -moz-border-radius-topright: 3px;
    -webkit-border-top-right-radius: 3px;
    border-top-right-radius: 3px;
    -moz-border-radius-bottomright: 3px;
    -webkit-border-bottom-right-radius: 3px;
    border-bottom-right-radius: 3px;
}

body .ui-splitbutton .ui-splitbutton-menubutton .ui-icon {
    margin-left: -12px;
}

body .ui-selectbooleanbutton.ui-state-active {
    background-color: #225b64;
    color: #ffffff;
}

body .ui-chkbox {
    display: inline-block;
    vertical-align: middle;
    line-height: 20px;
    width: 20px;
    height: 20px;
    cursor: default;
}

body .ui-chkbox .ui-chkbox-box {
    border: 2px solid #757575;
    -moz-transition: background-color 0.3s;
    -o-transition: background-color 0.3s;
    -webkit-transition: background-color 0.3s;
    transition: background-color 0.3s;
}

body .ui-chkbox .ui-chkbox-box .ui-chkbox-icon {
    font-size: 20px;
    margin-left: -2px;
    margin-top: -2px;
}

body .ui-chkbox .ui-chkbox-box.ui-state-active {
    border-color: #757575;
    background-color: #757575;
}

body .ui-chkbox .ui-chkbox-box.ui-state-focus {
    border-color: #757575;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12);
    -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12);
    -moz-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12);
    -moz-transition: box-shadow 0.3s;
    -o-transition: box-shadow 0.3s;
    -webkit-transition: box-shadow 0.3s;
    transition: box-shadow 0.3s;
}

body .ui-radiobutton {
    position: relative;
    margin: 0 4px 0 0;
    vertical-align: middle;
}

body .ui-radiobutton .ui-radiobutton-box {
    border: 2px solid #757575;
    -moz-transition: box-shadow 0.3s;
    -o-transition: box-shadow 0.3s;
    -webkit-transition: box-shadow 0.3s;
    transition: box-shadow 0.3s;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
}

body .ui-radiobutton .ui-radiobutton-box.ui-state-focus {
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12);
    -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12);
    -moz-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12);
}

body .ui-radiobutton .ui-radiobutton-box.ui-state-active {
    border-color: #757575;
    background-color: transparent;
}

body .ui-radiobutton .ui-radiobutton-box .ui-radiobutton-icon {
    display: block;
    box-sizing: border-box;
    position: absolute;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    top: 0;
    left: -1px;
    width: 20px;
    height: 20px;
    transition: -webkit-transform ease .28s;
    transition: transform ease .28s;
    -webkit-transform: scale(0);
    transform: scale(0);
}

body .ui-radiobutton .ui-radiobutton-box .ui-icon-bullet {
    background-color: #757575;
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
    position: relative;
    top: -4px;
    left: -5px;
}

body .ui-selectmanycheckbox.ui-widget label, body .ui-selectoneradio.ui-widget label {
    display: inline-block;
    vertical-align: middle;
    margin-top: 0;
}

body .ui-autocomplete-panel {
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
}

body .ui-autocomplete-panel.ui-shadow {
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    z-index: 2000 !important;
}

body .ui-autocomplete-panel .ui-autocomplete-list {
    padding: 0;
}

body .ui-autocomplete-panel .ui-autocomplete-list .ui-autocomplete-item {
    -moz-transition: background-color 0.3s;
    -o-transition: background-color 0.3s;
    -webkit-transition: background-color 0.3s;
    transition: background-color 0.3s;
    font-size: 16px;
    padding: 10px 14px;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
}

body .ui-autocomplete-panel .ui-autocomplete-list .ui-autocomplete-item .ui-autocomplete-query {
    font-weight: 700;
}

body .ui-autocomplete-panel .ui-autocomplete-list .ui-autocomplete-group {
    padding: 10px 14px;
}

body .ui-autocomplete .ui-autocomplete-dropdown.ui-button.ui-button-icon-only {
    background-color: transparent;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    height: 24px;
    width: 24px;
    margin: 0 2px 0 0;
    padding: 0;
}

body .ui-autocomplete .ui-autocomplete-dropdown.ui-button.ui-button-icon-only .ui-button-text {
    display: none;
}

body .ui-autocomplete .ui-autocomplete-dropdown.ui-button.ui-button-icon-only .ui-icon {
    color: #757575;
    margin-top: -16px;
}

body .ui-autocomplete.ui-autocomplete-multiple .ui-autocomplete-multiple-container.ui-inputfield {
    box-sizing: border-box;
    padding: 2px 2px 1px 2px;
}

body .ui-autocomplete.ui-autocomplete-multiple .ui-autocomplete-multiple-container.ui-state-focus {
    padding-bottom: 0;
}

body .ui-autocomplete.ui-autocomplete-multiple .ui-autocomplete-input-token {
    float: none;
    display: inline-block;
    margin: 0 1px;
    vertical-align: middle;
}

body .ui-autocomplete.ui-autocomplete-multiple .ui-autocomplete-input-token>input {
    padding: 0;
    font-size: 16px;
    margin: 0;
}

body .ui-autocomplete.ui-autocomplete-multiple .ui-autocomplete-token {
    display: inline-block;
    float: none;
    vertical-align: middle;
}

body .ui-autocomplete.ui-autocomplete-multiple .ui-autocomplete-token .ui-autocomplete-token-icon {
    margin-top: -12px;
}

body .ui-selectonemenu {
    border-bottom: 1px solid #bdbdbd;
    box-sizing: border-box;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
}

body .ui-selectonemenu .ui-selectonemenu-trigger {
    height: 24px;
    width: 24px;
    font-size: 24px;
    margin-top: 0px;
    padding: 0;
    top: 0;
    margin-right: 0;
}

body .ui-selectonemenu .ui-selectonemenu-trigger .ui-icon {
    height: 24px;
    width: 24px;
    margin-top: -8px;
    color: #757575;
}

body .ui-selectonemenu .ui-selectonemenu-label.ui-inputfield {
    font: 16px "Roboto", "Helvetica Neue", sans-serif;
}

body .ui-selectonemenu-panel {
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
}

body .ui-selectonemenu-panel .ui-selectonemenu-list {
    padding: 0;
}

body .ui-selectonemenu-panel .ui-selectonemenu-item {
    margin: 0;
    font-size: 16px;
    padding: 10px 14px;
    -moz-transition: background-color 0.3s;
    -o-transition: background-color 0.3s;
    -webkit-transition: background-color 0.3s;
    transition: background-color 0.3s;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
}

body .ui-selectonemenu-panel .ui-selectonemenu-item.ui-state-hover {
    background-color: #e8e8e8;
    color: #000000;
}

body .ui-selectonemenu-panel .ui-selectonemenu-item-group {
    padding: 10px;
}

body .ui-selectonemenu-panel.ui-shadow {
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    z-index: 1020 !important;
}

body .ui-selectonemenu-panel .ui-selectonemenu-filter-container .ui-icon {
    top: 5px;
    right: 8px;
}

body .ui-selectcheckboxmenu {
    border-bottom: 1px solid #bdbdbd;
    box-sizing: border-box;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
}

body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-label-container {
    display: block;
    position: relative;
    top: 2px;
}

body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-label-container .ui-selectcheckboxmenu-label {
    padding: 2px 2px 0px 2px;
}

body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-trigger {
    height: 24px;
    width: 24px;
    font-size: 24px;
    margin-top: 8px;
    padding: 0;
    margin-right: -2px;
}

body .ui-selectcheckboxmenu .ui-selectcheckboxmenu-trigger .ui-icon {
    height: 24px;
    width: 24px;
    margin-top: -8px;
    color: #757575;
}

body .ui-selectcheckboxmenu-panel {
    padding: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
}

body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header {
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    padding: 10px 16px;
}

body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-chkbox {
    float: none;
    margin: 0 8px 0 -2px;
}

body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-chkbox .ui-chkbox-box {
    border-color: #ffffff;
}

body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-chkbox .ui-chkbox-box .ui-chkbox-icon {
    border-color: #ffffff;
}

body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-chkbox .ui-chkbox-box.ui-state-active .ui-chkbox-icon {
    border-color: #ffffff;
}

body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-chkbox .ui-chkbox-box.ui-state-focus {
    background-color: #B0BEC5;
    -moz-transition: background-color 0.3s;
    -o-transition: background-color 0.3s;
    -webkit-transition: background-color 0.3s;
    transition: background-color 0.3s;
}

body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-filter-container {
    width: 70%;
    display: inline-block;
    vertical-align: middle;
    float: none;
}

body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-filter-container .ui-icon {
    top: -2px;
    color: #ffffff;
}

body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-filter-container .ui-inputfield {
    color: #ffffff;
    padding-right: 30px;
    width: 100%;
    box-sizing: border-box;
}

body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-filter-container .ui-inputfield:focus {
    border-color: #ffffff;
}

body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-close {
    margin-right: -6px;
}

body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-close span {
    color: #ffffff;
}

body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-header .ui-selectcheckboxmenu-close.ui-state-hover {
    padding: 1px;
}

body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-item {
    font-size: 16px;
    padding: 10px 14px;
}

body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-item label {
    padding-left: 28px;
}

body .ui-selectcheckboxmenu-panel .ui-selectcheckboxmenu-item .ui-chkbox {
    margin-top: -10px;
}

body .ui-fluid .ui-selectonemenu .ui-selectonemenu-trigger {
    width: 24px;
    margin-right: 4px;
}

body #keypad-div {
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    background: #fff;
}

body #keypad-div .keypad-key {
    border: 0 none;
    background-color: #ffffff;
    /* font-size: 16px; */
    padding: 4px 8px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    -moz-transition: background-color 0.3s;
    -o-transition: background-color 0.3s;
    -webkit-transition: background-color 0.3s;
    transition: background-color 0.3s;
    border: solid 1px #ddd;
}

body #keypad-div .keypad-key.ui-state-hover {
    background-color: #e8e8e8;
    color: #000000;
}

body #keypad-div .keypad-shift, body #keypad-div .keypad-enter, body #keypad-div .keypad-spacebar, body #keypad-div .keypad-back, body #keypad-div .keypad-close, body #keypad-div .keypad-clear {
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    background-color: #225b64;
    color: #ffffff;
}

body #keypad-div .keypad-shift, body #keypad-div .keypad-enter, body #keypad-div .keypad-spacebar, body #keypad-div .keypad-back, body #keypad-div .keypad-close, body #keypad-div .keypad-clear {
    font-weight: bold;
    font-size: 12px;
    border-radius: 3px;
}

body #keypad-div .keypad-shift.ui-state-hover, body #keypad-div .keypad-enter.ui-state-hover, body #keypad-div .keypad-spacebar.ui-state-hover, body #keypad-div .keypad-back.ui-state-hover, body #keypad-div .keypad-close.ui-state-hover, body #keypad-div .keypad-clear.ui-state-hover {
    background-color: #424242;
    color: #ffffff;
    font-size: 12px;
}

body #keypad-div.ui-shadow {
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
}

body .ui-panelgrid .ui-panelgrid-cell {
    padding: 10px 16px;
}

body .ui-panelgrid tbody .ui-panelgrid-cell.ui-widget-header {
    background-color: #B0BEC5;
}

body .ui-selectmanymenu {
    padding: 0;
    background-color: #ffffff;
}

body .ui-selectmanymenu .ui-selectlistbox-item {
    font-size: 16px;
    padding: 10px 14px;
    margin: 0;
    position: relative;
    overflow: hidden;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
}

body .ui-selectmanymenu .ui-selectlistbox-item.ui-state-hover {
    background-color: #e8e8e8;
    color: #000000;
}

body .ui-selectmanymenu .ui-selectlistbox-item .ui-chkbox {
    background-color: transparent;
    margin: -2px 8px 0 0;
}

body .ui-selectmanymenu .ui-selectlistbox-item .ui-chkbox .ui-chkbox-box.ui-state-active {
    border-color: #ffffff;
    background-color: #225b64;
}

body .ui-selectmanymenu .ui-selectlistbox-filter-container {
    padding: 10px 16px;
}

body .ui-selectmanymenu .ui-selectlistbox-filter-container .ui-icon {
    top: 8px;
    right: 10px;
}

body .ui-spinner .ui-spinner-button {
    width: 18px;
    height: 12px;
    padding: 0;
    margin-right: 4px;
    background-color: transparent;
    color: #212121;
    z-index: auto;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
}

body .ui-spinner .ui-spinner-button .ui-icon-triangle-1-n {
    color: #212121;
}

body .ui-spinner .ui-spinner-button .ui-icon-triangle-1-s {
    color: #212121;
}

body .ui-spinner .ui-spinner-button .ui-icon {
    top: 0px;
    height: 12px;
    color: #757575;
}

body .ui-spinner .ui-spinner-up .ui-icon {
    top: 6px;
}

body .ui-spinner .ui-spinner-down .ui-icon {
    top: 2px;
}

body .ui-spinner .ui-spinner-input {
    padding-right: 30px;
}

body .ui-fluid .ui-spinner .ui-spinner-button {
    width: 25px;
    height: 12px;
}

body .ui-fluid .ui-spinner .ui-spinner-input {
    padding-right: 30px;
}

body .ui-inputswitch {
    height: 14px;
    width: 34px !important;
    overflow: visible;
    background-color: #9e9e9e;
    border-color: #9e9e9e;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
}

body .ui-inputswitch .ui-inputswitch-handle {
    top: -3px;
    background-color: #ffffff;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    -moz-transition: background-color 0.3s;
    -o-transition: background-color 0.3s;
    -webkit-transition: background-color 0.3s;
    transition: background-color 0.3s;
    width: 20px !important;
    height: 20px !important;
    -webkit-box-shadow: rgba(0, 0, 0, 0.2) 0px 1px 3px 0px, rgba(0, 0, 0, 0.13725) 0px 1px 1px 0px, rgba(0, 0, 0, 0.11765) 0px 2px 1px -1px;
    -moz-box-shadow: rgba(0, 0, 0, 0.2) 0px 1px 3px 0px, rgba(0, 0, 0, 0.13725) 0px 1px 1px 0px, rgba(0, 0, 0, 0.11765) 0px 2px 1px -1px;
    box-shadow: rgba(0, 0, 0, 0.2) 0px 1px 3px 0px, rgba(0, 0, 0, 0.13725) 0px 1px 1px 0px, rgba(0, 0, 0, 0.11765) 0px 2px 1px -1px;
}

body .ui-inputswitch .ui-inputswitch-on {
    visibility: hidden;
}

body .ui-inputswitch .ui-inputswitch-off span, body .ui-inputswitch .ui-inputswitch-on span {
    visibility: hidden;
}

body .ui-inputswitch.ui-inputswitch-checked {
    background-color: #C5E1A5;
    border-color: #C5E1A5;
}

body .ui-inputswitch.ui-inputswitch-checked .ui-inputswitch-handle {
    background-color: #225b64;
    color: #ffffff;
}

body .ui-slider .ui-slider-handle {
    background-color: #225b64;
    color: #ffffff;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    transform: scale(0.7);
    -moz-transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
    -o-transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
    -webkit-transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
    transition: all 0.4s cubic-bezier(0.25, 0.8, 0.25, 1);
}

body .ui-slider .ui-slider-handle.ui-state-hover, body .ui-slider .ui-slider-handle.ui-state-focus {
    transform: scale(1);
}

body .ui-slider .ui-slider-handle:focus {
    outline: 0 none;
}

body .ui-slider.ui-slider-horizontal {
    height: 2px;
    border: 0 none;
    background-color: #bdbdbd;
}

body .ui-slider.ui-slider-horizontal .ui-slider-handle {
    top: -.5em;
}

body .ui-slider.ui-slider-vertical {
    width: 2px;
    border: 0 none;
    background-color: #bdbdbd;
}

body .ui-slider.ui-slider-vertical .ui-slider-handle {
    left: -9px;
}

body .ui-slider .ui-slider-range {
    background-color: #225b64;
    color: #ffffff;
}

body .ui-calendar .ui-datepicker-trigger {
    top: 0px !important;
    right: 10px !important;
    background-color: #225b64;
    color: #212121;
    height: 30px !important;
    width: 30px !important;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 50%;
}

body .ui-calendar .ui-datepicker-trigger .ui-icon {
    color: #fff !important;
}

body .ui-datepicker {
    padding: 0;
    width: 275px;
}

body .ui-datepicker.ui-shadow {
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
}

body .ui-datepicker .ui-datepicker-header {
    padding: 10px 16px;
    font-size: 16px;
    background: #555555;
    border-color: #555555;
    -moz-border-radius-topleft: 2px;
    -webkit-border-top-left-radius: 2px;
    border-top-left-radius: 2px;
    -moz-border-radius-topright: 2px;
    -webkit-border-top-right-radius: 2px;
    border-top-right-radius: 2px;
    -moz-border-radius-bottomleft: 0;
    -webkit-border-bottom-left-radius: 0;
    border-bottom-left-radius: 0;
    -moz-border-radius-bottomright: 0;
    -webkit-border-bottom-right-radius: 0;
    border-bottom-right-radius: 0;
}

body .ui-datepicker .ui-datepicker-header .ui-datepicker-next {
    cursor: pointer;
    top: 12px;
    font-size: 24px;
    right: 8px;
    font-family: 'Material Icons';
    font-weight: normal;
    font-style: normal;
    font-size: 24px;
    /* Preferred icon size */
    display: inline-block;
    width: 1em;
    height: 1em;
    line-height: 1;
    text-transform: none;
    letter-spacing: normal;
    word-wrap: normal;
    white-space: nowrap;
    direction: ltr;
    /* Support for all WebKit browsers. */
    -webkit-font-smoothing: antialiased;
    /* Support for Safari and Chrome. */
    text-rendering: optimizeLegibility;
    /* Support for Firefox. */
    -moz-osx-font-smoothing: grayscale;
    /* Support for IE. */
    font-feature-settings: 'liga';
}

body .ui-datepicker .ui-datepicker-header .ui-datepicker-next:before {
    content: "";
}

body .ui-datepicker .ui-datepicker-header .ui-datepicker-next .ui-icon {
    display: none;
}

body .ui-datepicker .ui-datepicker-header .ui-datepicker-next.ui-datepicker-next-hover {
    right: 8px;
}

body .ui-datepicker .ui-datepicker-header .ui-datepicker-prev {
    cursor: pointer;
    top: 12px;
    font-size: 24px;
    font-family: 'Material Icons';
    font-weight: normal;
    font-style: normal;
    font-size: 24px;
    /* Preferred icon size */
    display: inline-block;
    width: 1em;
    height: 1em;
    line-height: 1;
    text-transform: none;
    letter-spacing: normal;
    word-wrap: normal;
    white-space: nowrap;
    direction: ltr;
    /* Support for all WebKit browsers. */
    -webkit-font-smoothing: antialiased;
    /* Support for Safari and Chrome. */
    text-rendering: optimizeLegibility;
    /* Support for Firefox. */
    -moz-osx-font-smoothing: grayscale;
    /* Support for IE. */
    font-feature-settings: 'liga';
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    left: 8px;
}

body .ui-datepicker .ui-datepicker-header .ui-datepicker-prev:before {
    content: "";
}

body .ui-datepicker .ui-datepicker-header .ui-datepicker-prev .ui-icon {
    display: none;
}

body .ui-datepicker .ui-datepicker-header .ui-datepicker-prev.ui-datepicker-prev-hover {
    left: 8px;
}

body .ui-datepicker table {
    table-layout: fixed;
    border-spacing: 0;
    border-collapse: collapse;
}

body .ui-datepicker thead tr {
    color: #ffffff;
    background: #757575;
}

body .ui-datepicker tbody td {
    padding: 2px;
    box-sizing: border-box;
}

body .ui-datepicker tbody td a, body .ui-datepicker tbody td span {
    padding: .2em;
    margin: 0;
    text-align: center;
    color: #212121;
    display: inline-block;
    height: 28px;
    width: 28px;
    line-height: 28px;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
}

body .ui-datepicker tbody td a.ui-state-hover, body .ui-datepicker tbody td span.ui-state-hover {
    background-color: #e8e8e8;
    color: #000000;
    border-radius: 0;
}

body .ui-datepicker tbody td a.ui-state-active, body .ui-datepicker tbody td span.ui-state-active {
    color: #000000;
    border-radius:2px;
}

body .ui-datepicker tbody td.ui-datepicker-today a, body .ui-datepicker tbody td.ui-datepicker-today span {
    color: #fff;
    background-color: #225b64 !important;
}

body .ui-datepicker tbody td.ui-datepicker-today a.ui-state-active, body .ui-datepicker tbody td.ui-datepicker-today span.ui-state-active {
    background-color: #225b64;
}

body .ui-datepicker.ui-datepicker-multi .ui-datepicker-header {
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
}

body .ui-datepicker.ui-datepicker-multi .ui-datepicker-group table {
    width: 100%;
    box-sizing: border-box;
}

body .ui-datepicker .ui-timepicker-div .ui_tpicker_time input {
    font-size: 16px;
    border-color: #bdbdbd;
    -moz-transition: border-color 0.3s;
    -o-transition: border-color 0.3s;
    -webkit-transition: border-color 0.3s;
    transition: border-color 0.3s;
    width: 100%;
    position: relative;
    top: 5px;
    left: -5px;
}

body .ui-datepicker .ui-timepicker-div .ui_tpicker_time input.ui-state-focus {
    border-width: 0 0 2px 0;
    border-color: #757575;
    padding-bottom: 0px;
}

body .ui-datepicker .ui-timepicker-div dl {
    margin: -16px 0 40px 0;
}

body .ui-datepicker .ui-timepicker-div dl dt {
    padding: 10px 14px;
}

body .ui-datepicker .ui-timepicker-div dl dd {
    margin-top: 42px;
}

body .ui-fluid .ui-calendar .ui-datepicker-trigger.ui-button {
    top: -6px;
    width: 24px;
}

body .jqplot-target {
    font-family: "Roboto", "Helvetica Neue", sans-serif;
}

body .ui-messages>div {
    padding: 10px 16px;
}

/*  body .ui-messages ul {
    display: inline-block;
    margin-left: 0; }*/

body .ui-messages .ui-messages-info {
    background-color: #2196F3;
    border-color: #2196F3;
    color: #ffffff;
}

body .ui-messages .ui-messages-warn {
    background-color: #ffc107;
    border-color: #ffc107;
    color: #212121;
}

body .ui-messages .ui-messages-error {
    background-color: #e62a10;
    border-color: #e62a10;
    color: #ffffff;
}

body .ui-messages .ui-messages-fatal {
    background-color: #212121;
    border-color: #212121;
    color: #ffffff;
}

body .ui-message {
    min-height: 24px;
}

body .ui-message.ui-message-info {
    background-color: #2196F3;
    border-color: #2196F3;
    color: #ffffff;
}

body .ui-message.ui-message-warn {
    background-color: #ffc107;
    border-color: #ffc107;
    color: #ffffff;
}

body .ui-message.ui-message-error {
    background-color: #e62a10;
    border-color: #e62a10;
    color: #ffffff;
}

body .ui-message.ui-message-fatal {
    background-color: #212121;
    border-color: #212121;
    color: #ffffff;
}

body .ui-messages .ui-messages-info-icon, body .ui-message .ui-message-info-icon {
    background: none;
    font-family: 'Material Icons';
    font-weight: normal;
    font-style: normal;
    font-size: 24px;
    /* Preferred icon size */
    display: inline-block;
    width: 1em;
    height: 1em;
    line-height: 0.8;
    text-transform: none;
    letter-spacing: normal;
    word-wrap: normal;
    white-space: nowrap;
    direction: ltr;
    /* Support for all WebKit browsers. */
    -webkit-font-smoothing: antialiased;
    /* Support for Safari and Chrome. */
    text-rendering: optimizeLegibility;
    /* Support for Firefox. */
    -moz-osx-font-smoothing: grayscale;
    /* Support for IE. */
    font-feature-settings: 'liga';
    font-size: 28px;
    color: #fff;
    margin-top: -2px;
}

body .ui-messages .ui-messages-info-icon:before, body .ui-message .ui-message-info-icon:before {
    content: "";
}

body .ui-message .ui-message-info-icon {
    margin-top: 3px;
    font-size: 18px;
    right: 1px;
}

body .ui-messages .ui-messages-error-icon, body .ui-message .ui-message-error-icon {
    background: none;
    font-family: 'Material Icons';
    font-weight: normal;
    font-style: normal;
    font-size: 24px;
    /* Preferred icon size */
    display: inline-block;
    width: 1em;
    height: 1em;
    line-height: 0.8;
    text-transform: none;
    letter-spacing: normal;
    word-wrap: normal;
    white-space: nowrap;
    direction: ltr;
    /* Support for all WebKit browsers. */
    -webkit-font-smoothing: antialiased;
    /* Support for Safari and Chrome. */
    text-rendering: optimizeLegibility;
    /* Support for Firefox. */
    -moz-osx-font-smoothing: grayscale;
    /* Support for IE. */
    font-feature-settings: 'liga';
    font-size: 28px;
    color: #fff;
    margin-top: -2px;
}

body .ui-messages .ui-messages-error-icon:before, body .ui-message .ui-message-error-icon:before {
    content: "";
}

body .ui-message .ui-message-error-icon {
    margin-top: 3px;
    font-size: 18px;
    right: 1px;
}

body .ui-messages .ui-messages-warn-icon, body .ui-message .ui-message-warn-icon {
    background: none;
    font-family: 'Material Icons';
    font-weight: normal;
    font-style: normal;
    font-size: 24px;
    /* Preferred icon size */
    display: inline-block;
    width: 1em;
    height: 1em;
    line-height: 1;
    text-transform: none;
    letter-spacing: normal;
    word-wrap: normal;
    white-space: nowrap;
    direction: ltr;
    /* Support for all WebKit browsers. */
    -webkit-font-smoothing: antialiased;
    /* Support for Safari and Chrome. */
    text-rendering: optimizeLegibility;
    /* Support for Firefox. */
    -moz-osx-font-smoothing: grayscale;
    /* Support for IE. */
    font-feature-settings: 'liga';
    font-size: 28px;
    color: #212121;
    margin-top: -2px;
}

body .ui-messages .ui-messages-warn-icon:before, body .ui-message .ui-message-warn-icon:before {
    content: "";
}

body .ui-messages .ui-messages-warn .ui-messages-close {
    color: #212121;
}

body .ui-message .ui-message-warn-icon {
    margin-top: 3px;
    font-size: 18px;
    right: 1px;
}

body .ui-messages .ui-messages-fatal-icon, body .ui-message .ui-message-fatal-icon {
    background: none;
    font-family: 'Material Icons';
    font-weight: normal;
    font-style: normal;
    font-size: 24px;
    /* Preferred icon size */
    display: inline-block;
    width: 1em;
    height: 1em;
    line-height: 1;
    text-transform: none;
    letter-spacing: normal;
    word-wrap: normal;
    white-space: nowrap;
    direction: ltr;
    /* Support for all WebKit browsers. */
    -webkit-font-smoothing: antialiased;
    /* Support for Safari and Chrome. */
    text-rendering: optimizeLegibility;
    /* Support for Firefox. */
    -moz-osx-font-smoothing: grayscale;
    /* Support for IE. */
    font-feature-settings: 'liga';
    font-size: 28px;
    color: #fff;
    margin-top: -2px;
}

body .ui-messages .ui-messages-fatal-icon:before, body .ui-message .ui-message-fatal-icon:before {
    content: "";
}

body .ui-message .ui-message-fatal-icon {
    margin-top: 3px;
    font-size: 18px;
}

body .ui-messages-close {
    text-decoration: none;
    color: #fff;
}

body .ui-growl {
    top: 90px;
}

body .ui-growl>.ui-growl-item-container {
    background-color: #323232;
    opacity: 1;
}

body .ui-growl>.ui-growl-item-container.ui-shadow {
    -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
    -moz-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
}

body .ui-growl .ui-growl-item .ui-growl-image {
    background: none;
    color: #ffffff;
    padding: 4px;
}

body .ui-growl .ui-growl-item .ui-growl-image.ui-growl-image-info {
    font-family: 'Material Icons';
    font-weight: normal;
    font-style: normal;
    font-size: 24px;
    /* Preferred icon size */
    display: inline-block;
    width: 1em;
    height: 1em;
    line-height: 1;
    text-transform: none;
    letter-spacing: normal;
    word-wrap: normal;
    white-space: nowrap;
    direction: ltr;
    /* Support for all WebKit browsers. */
    -webkit-font-smoothing: antialiased;
    /* Support for Safari and Chrome. */
    text-rendering: optimizeLegibility;
    /* Support for Firefox. */
    -moz-osx-font-smoothing: grayscale;
    /* Support for IE. */
    font-feature-settings: 'liga';
    font-size: 36px;
}

body .ui-growl .ui-growl-item .ui-growl-image.ui-growl-image-info:before {
    content: "";
}

body .ui-growl .ui-growl-item .ui-growl-image.ui-growl-image-error {
    font-family: 'Material Icons';
    font-weight: normal;
    font-style: normal;
    font-size: 24px;
    /* Preferred icon size */
    display: inline-block;
    width: 1em;
    height: 1em;
    line-height: 1;
    text-transform: none;
    letter-spacing: normal;
    word-wrap: normal;
    white-space: nowrap;
    direction: ltr;
    /* Support for all WebKit browsers. */
    -webkit-font-smoothing: antialiased;
    /* Support for Safari and Chrome. */
    text-rendering: optimizeLegibility;
    /* Support for Firefox. */
    -moz-osx-font-smoothing: grayscale;
    /* Support for IE. */
    font-feature-settings: 'liga';
    font-size: 36px;
}

body .ui-growl .ui-growl-item .ui-growl-image.ui-growl-image-error:before {
    content: "";
}

body .ui-growl .ui-growl-item .ui-growl-image.ui-growl-image-warn {
    font-family: 'Material Icons';
    font-weight: normal;
    font-style: normal;
    font-size: 24px;
    /* Preferred icon size */
    display: inline-block;
    width: 1em;
    height: 1em;
    line-height: 1;
    text-transform: none;
    letter-spacing: normal;
    word-wrap: normal;
    white-space: nowrap;
    direction: ltr;
    /* Support for all WebKit browsers. */
    -webkit-font-smoothing: antialiased;
    /* Support for Safari and Chrome. */
    text-rendering: optimizeLegibility;
    /* Support for Firefox. */
    -moz-osx-font-smoothing: grayscale;
    /* Support for IE. */
    font-feature-settings: 'liga';
    font-size: 36px;
}

body .ui-growl .ui-growl-item .ui-growl-image.ui-growl-image-warn:before {
    content: "";
}

body .ui-growl .ui-growl-item .ui-growl-image.ui-growl-image-fatal {
    font-family: 'Material Icons';
    font-weight: normal;
    font-style: normal;
    font-size: 24px;
    /* Preferred icon size */
    display: inline-block;
    width: 1em;
    height: 1em;
    line-height: 1;
    text-transform: none;
    letter-spacing: normal;
    word-wrap: normal;
    white-space: nowrap;
    direction: ltr;
    /* Support for all WebKit browsers. */
    -webkit-font-smoothing: antialiased;
    /* Support for Safari and Chrome. */
    text-rendering: optimizeLegibility;
    /* Support for Firefox. */
    -moz-osx-font-smoothing: grayscale;
    /* Support for IE. */
    font-feature-settings: 'liga';
    font-size: 36px;
}

body .ui-growl .ui-growl-item .ui-growl-image.ui-growl-image-fatal:before {
    content: "";
}

body .ui-growl .ui-growl-item .ui-growl-message {
    color: #ffffff;
}

body .ui-growl .ui-growl-item .ui-growl-icon-close {
    font-family: 'Material Icons';
    font-weight: normal;
    font-style: normal;
    font-size: 24px;
    /* Preferred icon size */
    display: inline-block;
    width: 1em;
    height: 1em;
    line-height: 1;
    text-transform: none;
    letter-spacing: normal;
    word-wrap: normal;
    white-space: nowrap;
    direction: ltr;
    /* Support for all WebKit browsers. */
    -webkit-font-smoothing: antialiased;
    /* Support for Safari and Chrome. */
    text-rendering: optimizeLegibility;
    /* Support for Firefox. */
    -moz-osx-font-smoothing: grayscale;
    /* Support for IE. */
    font-feature-settings: 'liga';
    font-size: 24px;
    color: #225b64;
}

body .ui-growl .ui-growl-item .ui-growl-icon-close:before {
    content: "";
}

body .ui-accordion .ui-accordion-header {
    background-color: #225b64;
    padding: 10px 16px;
    padding-left: 40px;
    color: #ffffff;
    font-size: 14px;
    -moz-transition: background-color 0.3s;
    -o-transition: background-color 0.3s;
    -webkit-transition: background-color 0.3s;
    transition: background-color 0.3s;
}

body .ui-accordion .ui-accordion-header.ui-state-hover {
    background-color: #225b64;
}

body .ui-accordion .ui-accordion-header.ui-state-active {
    background-color: #225b64;
    color: #ffffff;
}

body .ui-accordion .ui-accordion-header.ui-state-active.ui-tabs-outline {
    outline: 0 none;
    background-color: #8ac3b0;
}

body .ui-accordion .ui-accordion-header .ui-icon-triangle-1-e {
    margin-top: -12px;
}

body .ui-accordion .ui-accordion-header .ui-icon-triangle-1-s {
    margin-top: -12px;
}

body .ui-accordion .ui-accordion-header.ui-tabs-outline {
    background-color: #225b64;
}

body .ui-accordion .ui-accordion-content {
    padding: 10px 16px;
    line-height: 24px;
}

body .ui-scrollpanel .ui-scrollpanel-track {
    background-color: #ffffff;
    border-color: transparent;
}

body .ui-scrollpanel .ui-scrollpanel-drag {
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background-color: #225b64;
}

body .ui-toolbar {
    background-color: #555555;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12);
    -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12);
    -moz-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12);
    padding: 10px;
}

body .ui-tabs {
    padding: 0;
}

body .ui-tabs .ui-tabs-nav {
    background-color: #ffffff;
    border: 0 none;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
}

body .ui-tabs .ui-tabs-nav>li {
    padding: 0;
    -moz-transition: border-color 0.3s;
    -o-transition: border-color 0.3s;
    -webkit-transition: border-color 0.3s;
    transition: border-color 0.3s;
}

body .ui-tabs .ui-tabs-nav>li>a {
    padding: 10px 16px;
}

body .ui-tabs .ui-tabs-nav>li>a:focus {
    outline: 0 none;
}

body .ui-tabs .ui-tabs-nav>li>.ui-icon-close {
    margin: 8px 0 0 0;
    -moz-transition: color 0.3s;
    -o-transition: color 0.3s;
    -webkit-transition: color 0.3s;
    transition: color 0.3s;
    color: #757575;
}

body .ui-tabs .ui-tabs-nav>li.ui-state-default a {
    color: #757575;
}

body .ui-tabs .ui-tabs-nav>li.ui-state-hover {
    background-color: #ffffff;
}

body .ui-tabs .ui-tabs-nav>li.ui-state-active {
    background-color: #ffffff;
    border-color: #225b64;
    border-style: solid;
}

body .ui-tabs .ui-tabs-nav>li.ui-state-active a {
    color: #757575;
}

body .ui-tabs .ui-tabs-nav>li.ui-state-active>.ui-icon-close {
    color: #225b64;
}

body .ui-tabs .ui-tabs-nav>li.ui-tabs-outline {
    outline: 0 none;
    border-color: #C5E1A5;
}

body .ui-tabs .ui-tabs-panel {
    padding: 10px 16px;
}

body .ui-tabs.ui-tabs-top>.ui-tabs-nav {
    padding: 0;
    margin: 0;
    -moz-border-radius-topleft: 4px;
    -webkit-border-top-left-radius: 4px;
    border-top-left-radius: 4px;
    -moz-border-radius-topright: 4px;
    -webkit-border-top-right-radius: 4px;
    border-top-right-radius: 4px;
    border-bottom: 1px solid #bdbdbd;
}

body .ui-tabs.ui-tabs-top>.ui-tabs-nav>li {
    border-style: solid;
    border-width: 0 0 2px 0;
}

body .ui-tabs.ui-tabs-bottom>.ui-tabs-nav {
    padding: 0;
    margin: 0;
    -moz-border-radius-bottomleft: 4px;
    -webkit-border-bottom-left-radius: 4px;
    border-bottom-left-radius: 4px;
    -moz-border-radius-bottomright: 4px;
    -webkit-border-bottom-right-radius: 4px;
    border-bottom-right-radius: 4px;
    border-top: 1px solid #bdbdbd;
}

body .ui-tabs.ui-tabs-bottom>.ui-tabs-nav>li {
    border-width: 2px 0 0 0;
}

body .ui-tabs.ui-tabs-left>.ui-tabs-nav {
    padding: 0;
    margin: 0;
    -moz-border-radius-topleft: 4px;
    -webkit-border-top-left-radius: 4px;
    border-top-left-radius: 4px;
    -moz-border-radius-bottomleft: 4px;
    -webkit-border-bottom-left-radius: 4px;
    border-bottom-left-radius: 4px;
    border-right: 1px solid #bdbdbd;
}

body .ui-tabs.ui-tabs-left>.ui-tabs-nav>li {
    box-sizing: border-box;
    border-width: 0 2px 0 0;
}

body .ui-tabs.ui-tabs-left>.ui-tabs-nav>li>a {
    width: 100%;
    box-sizing: border-box;
}

body .ui-tabs.ui-tabs-right>.ui-tabs-nav {
    padding: 0;
    -moz-border-radius-topright: 4px;
    -webkit-border-top-right-radius: 4px;
    border-top-right-radius: 4px;
    -moz-border-radius-bottomright: 4px;
    -webkit-border-bottom-right-radius: 4px;
    border-bottom-right-radius: 4px;
    border-left: 1px solid #bdbdbd;
}

body .ui-tabs.ui-tabs-right>.ui-tabs-nav>li {
    box-sizing: border-box;
    border-width: 0 0 0 2px;
}

body .ui-tabs.ui-tabs-right>.ui-tabs-nav>li>a {
    width: 100%;
    box-sizing: border-box;
}

body .ui-tabs.ui-tabs-right>.ui-tabs-nav>li.ui-state-active>a {
    padding-left: 14px;
}

body .ui-tabs.ui-tabs-scrollable .ui-tabs-navscroller>.ui-tabs-navscroller-btn {
    outline: 0 none;
    width: 18px;
    display: block;
    height: 42px;
    background-color: #ffffff;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    -moz-transition: background-color 0.3s;
    -o-transition: background-color 0.3s;
    -webkit-transition: background-color 0.3s;
    transition: background-color 0.3s;
}

body .ui-tabs.ui-tabs-scrollable .ui-tabs-navscroller>.ui-tabs-navscroller-btn>span {
    margin-top: 10px;
}

body .ui-tabs.ui-tabs-scrollable .ui-tabs-navscroller>.ui-tabs-navscroller-btn:hover {
    background-color: #e8e8e8;
    color: #000000;
}

body .ui-tabs.ui-tabs-scrollable .ui-tabs-navscroller>.ui-tabs-navscroller-btn-left {
    z-index: 1;
    left: 0;
    border-right: 1px solid #bdbdbd;
}

body .ui-tabs.ui-tabs-scrollable .ui-tabs-navscroller>.ui-tabs-navscroller-btn-left>span:before {
    position: relative;
    left: -2px;
}

body .ui-tabs.ui-tabs-scrollable .ui-tabs-navscroller>.ui-tabs-navscroller-btn-right {
    z-index: 1;
    right: 0;
    border-left: 1px solid #bdbdbd;
}

body .ui-tabs.ui-tabs-scrollable .ui-tabs-navscroller>.ui-tabs-navscroller-btn-right>span:before {
    position: relative;
    right: 2px;
}

body .ui-tabs.ui-tabs-scrollable .ui-tabs-navscroller .ui-tabs-nav>li {
    margin: 0;
}

body .ui-tabs.ui-tabs-scrollable.ui-tabs-top .ui-tabs-navscroller>.ui-tabs-nav {
    border-bottom: 1px solid #bdbdbd;
}

body .ui-tabs.ui-tabs-scrollable.ui-tabs-top .ui-tabs-navscroller>.ui-tabs-nav>li {
    border-style: solid;
    border-width: 0 0 2px 0;
}

body .ui-tabs.ui-tabs-scrollable.ui-tabs-top .ui-tabs-navscroller>.ui-tabs-navscroller-btn-left {
    border-top: 0 none;
    border-bottom: 1px solid #bdbdbd;
}

body .ui-tabs.ui-tabs-scrollable.ui-tabs-bottom .ui-tabs-navscroller>.ui-tabs-nav {
    border-top: 1px solid #bdbdbd;
}

body .ui-tabs.ui-tabs-scrollable.ui-tabs-bottom .ui-tabs-navscroller>.ui-tabs-nav>li {
    border-style: solid;
    border-width: 2px 0 0 0;
}

body .ui-tabs.ui-tabs-scrollable.ui-tabs-bottom .ui-tabs-navscroller>.ui-tabs-navscroller-btn-left {
    border-bottom: 0 none;
    border-top: 1px solid #bdbdbd;
}

body .ui-tabs.ui-tabs-scrollable.ui-tabs-bottom .ui-tabs-navscroller>.ui-tabs-navscroller-btn-right {
    border-top: 1px solid #bdbdbd;
}

body .ui-wizard .ui-wizard-step-titles {
    background-color: #555555;
    -moz-border-radius-topleft: 3px;
    -webkit-border-top-left-radius: 3px;
    border-top-left-radius: 3px;
    -moz-border-radius-topright: 3px;
    -webkit-border-top-right-radius: 3px;
    border-top-right-radius: 3px;
}

body .ui-wizard .ui-wizard-step-titles>li {
    padding: 10px 16px;
    color: #ffffff;
    font-size: 16px;
}

body .ui-wizard .ui-wizard-step-titles>li.ui-state-highlight {
    color: #ffffff;
    background-color: transparent;
    border-bottom: 2px solid #225b64;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
}

body .ui-wizard .ui-wizard-content {
    margin: 0;
}

body .ui-wizard .ui-wizard-content .ui-panel .ui-panel-titlebar {
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
}

body .ui-breadcrumb {
    padding: 10px 16px;
}

body .ui-breadcrumb a {
    color: #ffffff;
    font-size: 16px;
}

body .ui-breadcrumb li:first-child a {
    position: relative;
    font-size: 24px;
    margin-top: 0;
}

body .ui-breadcrumb li:first-child a span {
    display: none;
}

body .ui-steps {
    position: relative;
}

body .ui-steps .ui-steps-item {
    background-color: transparent;
}

body .ui-steps .ui-steps-item.ui-state-disabled {
    opacity: 1;
    filter: alpha(opacity=100);
}

body .ui-steps .ui-steps-item .ui-menuitem-link {
    display: inline-block;
    text-align: left;
    background-color: #ffffff;
    overflow: hidden;
}

body .ui-steps .ui-steps-item .ui-menuitem-link .ui-steps-number {
    display: inline-block;
    background-color: #757575;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    padding: 4px 12px;
    font-size: 16px;
    color: #ffffff;
}

body .ui-steps .ui-steps-item .ui-menuitem-link .ui-steps-title {
    display: inline;
    margin-left: 10px;
    color: #757575;
}

body .ui-steps .ui-steps-item.ui-state-highlight .ui-steps-number {
    background-color: #757575;
}

body .ui-steps .ui-steps-item.ui-state-highlight .ui-steps-title {
    font-weight: 700;
    color: #212121;
}

body .ui-steps .ui-steps-item:last-child .ui-menuitem-link {
    display: block;
}

body .ui-steps:before {
    content: ' ';
    border: 1px solid #bdbdbd;
    width: 90%;
    top: 45%;
    left: 0;
    display: block;
    position: absolute;
}

body .ui-menu {
    padding: 8px 0;
}

body .ui-menu .ui-shadow, body .ui-menu.ui-shadow {
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
}

body .ui-menu .ui-menu-list {
    padding: 0;
    margin: 0;
}

body .ui-menu .ui-menu-list li.ui-widget-header {
    margin: 0 0 1px 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    border: 0 none;
    width: 100%;
    box-sizing: border-box;
}

body .ui-menu .ui-menu-list li.ui-widget-header h3 {
    display: block;
    float: none;
    font-size: 16px;
    padding: 10px 16px;
    font-weight: 400;
}

body .ui-menu .ui-menu-list li.ui-widget-header h3 .ui-icon {
    font-size: 24px;
}

body .ui-menu .ui-menu-list li.ui-widget-header h3 .ui-icon.ui-icon-triangle-1-s, body .ui-menu .ui-menu-list li.ui-widget-header h3 .ui-icon.ui-icon-triangle-1-e {
    margin: -12px 0 0 4px;
}

body .ui-menu .ui-menu-list li.ui-menuitem {
    margin: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
}

body .ui-menu .ui-menu-list li.ui-menuitem.ui-state-hover {
    background-color: #e8e8e8;
    color: #000000;
}

body .ui-menu .ui-menu-list li.ui-menuitem .ui-menuitem-link {
    border: 0 none;
    padding: 10px 16px;
    width: 100%;
    min-height: 44px;
    box-sizing: border-box;
    color: #212121;
    line-height: 24px;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    position: relative;
}

body .ui-menu .ui-menu-list li.ui-menuitem .ui-menuitem-link.ui-state-hover {
    background-color: #e8e8e8;
    color: #000000;
}

body .ui-menu .ui-menu-list li.ui-menuitem .ui-menuitem-link .ui-menuitem-icon {
    margin-right: 12px;
    display: inline-block;
    vertical-align: middle;
    float: none;
}

body .ui-menu .ui-menu-list li.ui-menuitem .ui-menuitem-link .ui-menuitem-text {
    display: inline-block;
    vertical-align: middle;
    float: none;
}

body .ui-menu .ui-menu-list .ui-separator {
    height: 1px;
    background-color: #bdbdbd;
    width: 100%;
    box-sizing: border-box;
}

body .ui-menu.ui-menu-toggleable .ui-menu-list li.ui-widget-header {
    padding-left: 36px;
}

body .ui-menu.ui-menu-toggleable .ui-menu-list li.ui-widget-header .ui-icon {
    color: #ffffff;
}

body .ui-menu.ui-menu-toggleable .ui-menu-list li.ui-widget-header .ui-icon.ui-icon-triangle-1-s {
    margin-top: -12px;
}

body .ui-menu.ui-menu-toggleable .ui-menu-list li.ui-widget-header .ui-icon.ui-icon-triangle-1-e {
    margin-top: -12px;
}

body .ui-menu.ui-tieredmenu .ui-icon-triangle-1-e {
    position: absolute;
    right: 8px;
    top: 10px;
    float: none;
}

body .ui-menu.ui-tieredmenu .ui-menu-child {
    padding: 8px 0;
}

body .ui-menu.ui-menubar {
    padding: 0;
}

body .ui-menu.ui-menubar .ui-menu-child {
    padding: 8px 0;
}

body .ui-menu.ui-menubar .ui-menubar-options {
    padding: 10px 16px;
}

body .ui-menu.ui-slidemenu .ui-menu-parent .ui-menu-child {
    padding: 0;
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
}

body .ui-menu.ui-slidemenu .ui-slidemenu-backward {
    width: 100%;
    box-sizing: border-box;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
}

body .ui-tabmenu {
    padding: 0;
}

body .ui-tabmenu .ui-tabmenu-nav {
    padding: 0;
    background-color: #ffffff;
    border: 0 none;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
}

body .ui-tabmenu .ui-tabmenu-nav>.ui-tabmenuitem {
    top: auto;
    margin: 0 4px 0 0;
    padding: 0;
    border-style: solid;
    border-width: 0 0 2px 0;
    -moz-transition: border-color 0.3s;
    -o-transition: border-color 0.3s;
    -webkit-transition: border-color 0.3s;
    transition: border-color 0.3s;
}

body .ui-tabmenu .ui-tabmenu-nav>.ui-tabmenuitem>a {
    padding: 10px 16px;
}

body .ui-tabmenu .ui-tabmenu-nav>.ui-tabmenuitem>a:focus {
    outline: 0 none;
}

body .ui-tabmenu .ui-tabmenu-nav>.ui-tabmenuitem>a .ui-menuitem-icon, body .ui-tabmenu .ui-tabmenu-nav>.ui-tabmenuitem>a .ui-menuitem-text {
    float: none;
    display: inline-block;
    vertical-align: middle;
}

body .ui-tabmenu .ui-tabmenu-nav>.ui-tabmenuitem>a .ui-menuitem-icon {
    margin-right: 12px;
}

body .ui-tabmenu .ui-tabmenu-nav>.ui-tabmenuitem.ui-state-default a {
    color: #757575;
}

body .ui-tabmenu .ui-tabmenu-nav>.ui-tabmenuitem.ui-state-default a .ui-icon {
    color: #757575;
}

body .ui-tabmenu .ui-tabmenu-nav>.ui-tabmenuitem.ui-state-hover {
    background-color: #ffffff;
}

body .ui-tabmenu .ui-tabmenu-nav>.ui-tabmenuitem.ui-state-active {
    background-color: #ffffff;
    border-color: #225b64;
    border-style: solid;
}

body .ui-tabmenu .ui-tabmenu-nav>.ui-tabmenuitem.ui-state-active a {
    color: #757575;
}

body .ui-tabmenu .ui-tabmenu-nav>.ui-tabmenuitem.ui-state-active a .ui-icon {
    color: #757575;
}

body .ui-panelmenu .ui-panelmenu-header {
    background-color: #757575;
    margin-bottom: 1px;
}

body .ui-panelmenu .ui-panelmenu-header a {
    padding: 10px 16px 10px 42px;
    color: #ffffff;
    font-size: 16px;
}

body .ui-panelmenu .ui-panelmenu-header .ui-icon {
    color: #ffffff;
    margin-top: -12px;
}

body .ui-panelmenu .ui-panelmenu-header.ui-state-active {
    background-color: #225b64;
    -moz-border-radius-bottomleft: 0;
    -webkit-border-bottom-left-radius: 0;
    border-bottom-left-radius: 0;
    -moz-border-radius-bottomright: 0;
    -webkit-border-bottom-right-radius: 0;
    border-bottom-right-radius: 0;
}

body .ui-panelmenu .ui-panelmenu-header.ui-state-active a, body .ui-panelmenu .ui-panelmenu-header.ui-state-active .ui-icon {
    color: #ffffff;
}

body .ui-panelmenu .ui-panelmenu-content {
    padding: 0;
}

body .ui-panelmenu .ui-panelmenu-content .ui-menuitem {
    margin: 0;
}

body .ui-panelmenu .ui-panelmenu-content .ui-menuitem .ui-menuitem-link {
    border: 0 none;
    padding: 10px 16px;
    width: 100%;
    min-height: 44px;
    box-sizing: border-box;
    color: #212121;
    line-height: 24px;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    position: relative;
}

body .ui-panelmenu .ui-panelmenu-content .ui-menuitem .ui-menuitem-link.ui-state-hover {
    background-color: #e8e8e8;
    color: #000000;
}

body .ui-panelmenu .ui-panelmenu-content .ui-menuitem .ui-menuitem-link .ui-menuitem-text {
    display: inline-block;
    vertical-align: middle;
    float: none;
}

body .ui-panelmenu .ui-panelmenu-content .ui-menuitem .ui-menuitem-link .ui-icon {
    position: static;
    display: inline-block;
    vertical-align: middle;
    margin-right: 12px;
}

body .ui-carousel .ui-carousel-header {
    padding: 10px 16px;
    font-size: 16px;
}

body .ui-carousel .ui-carousel-header .ui-icon {
    color: #ffffff;
}

body .ui-carousel .ui-carousel-header .ui-carousel-dropdown, body .ui-carousel .ui-carousel-header .ui-carousel-mobile-dropdown {
    margin: 5px 10px;
}

body .ui-carousel .ui-carousel-footer {
    padding: 10px 16px-2px;
    font-size: 14px;
}

body .ui-carousel .ui-carousel-page-links {
    margin-top: 2px;
}

body .ui-tree {
    padding: 10px 16px/2;
}

body .ui-tree .ui-treenode-children {
    padding-left: 28px;
}

body .ui-tree .ui-treenode-content .ui-chkbox {
    margin-right: 8px;
}

body .ui-tree .ui-treenode-content .ui-chkbox .ui-icon {
    color: #757575;
}

body .ui-tree .ui-treenode-content .ui-tree-toggler {
    vertical-align: middle;
    margin: 0 0 0 4px;
}

body .ui-tree .ui-treenode-content .ui-treenode-icon {
    vertical-align: middle;
    margin: 0 4px;
}

body .ui-tree .ui-treenode-content .ui-treenode-label {
    margin: 0;
    vertical-align: middle;
}

body .ui-tree .ui-tree-droppoint.ui-state-hover {
    background-color: #225b64;
}

body .ui-tree.ui-tree-horizontal {
    padding-left: 0;
    padding-right: 0;
}

body .ui-tree.ui-tree-horizontal .ui-treenode-content {
    background-color: #ffffff;
    border: 1px solid #bdbdbd;
}

body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-tree-toggler {
    vertical-align: top;
}

body .ui-tree.ui-tree-horizontal .ui-treenode-content .ui-treenode-icon {
    vertical-align: top;
    margin-right: 4px;
}

body .ui-tree.ui-tree-horizontal .ui-treenode-content.ui-state-highlight {
    background-color: #225b64;
    color: #ffffff;
}

body .ui-tree-draghelper {
    border: 1px solid #757575;
}

body .fc .fc-button-group .ui-icon {
    margin-top: 3px;
}

body .fc .fc-button-group .ui-state-active {
    background-color: #225b64;
}

body .fc .fc-event {
    background-color: #B0BEC5;
    color: #212121;
}

body .fc table {
    box-sizing: border-box;
}

body .ui-treetable .ui-treetable-header {
    padding: 10px 16px;
    font-size: 16px;
}

body .ui-treetable thead th {
    background-color: #ffffff;
    padding: 10px 14px;
    border: 0 none;
}

body .ui-treetable thead th .ui-icon {
    color: #757575;
}

body .ui-treetable thead th:first-child {
    border-left: 1px solid #bdbdbd;
}

body .ui-treetable thead th:last-child {
    border-right: 1px solid #bdbdbd;
}

body .ui-treetable thead th.ui-state-hover {
    background-color: #e8e8e8;
    color: #000000;
}

body .ui-treetable thead th .ui-sortable-column-icon {
    vertical-align: middle;
    margin: -4px 0 0 0;
}

body .ui-treetable thead th.ui-state-active {
    background-color: #225b64;
    color: #ffffff;
}

body .ui-treetable thead th.ui-state-active .ui-icon {
    color: #ffffff;
}

body .ui-treetable thead th .ui-column-resizer {
    font-family: 'Material Icons';
    font-weight: normal;
    font-style: normal;
    font-size: 24px;
    /* Preferred icon size */
    display: inline-block;
    width: 1em;
    height: 1em;
    line-height: 1;
    text-transform: none;
    letter-spacing: normal;
    word-wrap: normal;
    white-space: nowrap;
    direction: ltr;
    /* Support for all WebKit browsers. */
    -webkit-font-smoothing: antialiased;
    /* Support for Safari and Chrome. */
    text-rendering: optimizeLegibility;
    /* Support for Firefox. */
    -moz-osx-font-smoothing: grayscale;
    /* Support for IE. */
    font-feature-settings: 'liga';
    font-size: 16px;
    color: #757575;
}

body .ui-treetable thead th .ui-column-resizer:before {
    content: "";
}

body .ui-treetable tfoot td {
    border: 0 none;
    padding: 10px 14px;
}

body .ui-treetable tbody tr td {
    border: 0 none;
    padding: 10px 14px;
}

body .ui-treetable tbody tr td .ui-treetable-toggler {
    display: inline-block;
    vertical-align: middle;
    margin: 0 4px;
    float: none;
}

body .ui-treetable tbody tr td .ui-chkbox {
    margin-right: 8px;
}

body .ui-treetable tbody tr.ui-state-hover {
    background-color: #e8e8e8;
    color: #000000;
}

body .ui-treetable tbody tr.ui-state-highlight .ui-chkbox .ui-chkbox-box {
    border-color: #ffffff;
}

body .ui-treetable.ui-treetable-scrollable .ui-treetable-scrollable-header, body .ui-treetable.ui-treetable-scrollable .ui-treetable-scrollable-footer {
    background-color: transparent;
    border: 0 none;
}

body .ui-treetable.ui-treetable-scrollable thead th {
    background-color: #ffffff;
    color: #212121;
}

body .ui-progressbar {
    height: 16px;
    background-color: #B0BEC5;
}

body .ui-progressbar .ui-progressbar-value {
    height: 16px;
}

body .ui-progressbar .ui-progressbar-label {
    color: #ffffff;
    top: -3px;
}

body .ui-dialog.ui-shadow {
    -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
    -moz-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
}

body .ui-dialog .ui-dialog-titlebar {
    background-color: #225b64;
    color: #ffffff;
    padding: 10px 16px;
}

.ui-dialog-footer .ui-layout-pane {
    border: 0;
}

body .ui-dialog .ui-dialog-titlebar .ui-dialog-title {
    font-weight: 700;
}

body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon {
    margin-top: 4px;
    padding: 0;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    -moz-transition: background-color 0.3s;
    -o-transition: background-color 0.3s;
    -webkit-transition: background-color 0.3s;
    transition: background-color 0.3s;
}

body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon.ui-state-hover, body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon.ui-state-focus {
    /* background-color: #424242; */
    color: #ffffff;
}

body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon {
    color: #ffffff;
}

body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-extlink:before {
    content: "fullscreen";
}

body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon-newwin:before {
    content: "fullscreen_exit";
}

body .ui-dialog .ui-dialog-buttonpane, body .ui-dialog .ui-dialog-footer {
    text-align: right;
}

body .ui-dialog .ui-dialog-buttonpane .ui-button, body .ui-dialog .ui-dialog-footer .ui-button {
    /* background-color: #ffffff; */
    /* color: #212121; */
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
}

body .ui-dialog .ui-dialog-buttonpane .ui-button .ui-icon, body .ui-dialog .ui-dialog-footer .ui-button .ui-icon {
    /* color: #757575; */
}

body .ui-dialog .ui-dialog-buttonpane .ui-button.ui-state-hover, body .ui-dialog .ui-dialog-footer .ui-button.ui-state-hover, body .ui-dialog .ui-dialog-buttonpane .ui-button.ui-state-hover, body .ui-dialog .ui-dialog-footer .ui-button:hover {
    /* background-color: #424242; */
    color: #ffffff;
}

body .ui-dialog .ui-confirm-dialog-severity {
    margin: 0px 12px;
}

body .ui-lightbox.ui-shadow {
    -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
    -moz-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
}

body .ui-lightbox .ui-lightbox-caption {
    padding: 10px 16px;
}

body .ui-lightbox .ui-lightbox-caption .ui-lightbox-caption-text {
    margin: 0;
}

body .ui-lightbox .ui-lightbox-caption .ui-lightbox-close {
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    -moz-transition: background-color 0.3s;
    -o-transition: background-color 0.3s;
    -webkit-transition: background-color 0.3s;
    transition: background-color 0.3s;
    font-size: #212121;
    padding: 0;
    margin: 0;
    line-height: #212121;
    width: 24px;
    height: 24px;
}

body .ui-lightbox .ui-lightbox-caption .ui-lightbox-close.ui-state-hover {
    background-color: #B0BEC5;
    color: #000000;
    padding: 0;
}

body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-right, body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-left {
    top: 40%;
}

body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-right .ui-icon, body .ui-lightbox .ui-lightbox-content-wrapper .ui-lightbox-nav-left .ui-icon {
    -moz-transition: color 0.3s;
    -o-transition: color 0.3s;
    -webkit-transition: color 0.3s;
    transition: color 0.3s;
    font-size: 48px;
    color: #B0BEC5;
}

body .ui-rating .ui-rating-cancel {
    text-indent: 0;
}

body .ui-rating .ui-rating-cancel a {
    color: #757575;
    background: none;
    font-family: 'Material Icons';
    font-weight: normal;
    font-style: normal;
    font-size: 24px;
    /* Preferred icon size */
    display: inline-block;
    width: 1em;
    height: 1em;
    line-height: 1;
    text-transform: none;
    letter-spacing: normal;
    word-wrap: normal;
    white-space: nowrap;
    direction: ltr;
    /* Support for all WebKit browsers. */
    -webkit-font-smoothing: antialiased;
    /* Support for Safari and Chrome. */
    text-rendering: optimizeLegibility;
    /* Support for Firefox. */
    -moz-osx-font-smoothing: grayscale;
    /* Support for IE. */
    font-feature-settings: 'liga';
}

body .ui-rating .ui-rating-cancel a:before {
    content: "";
}

body .ui-rating .ui-rating-star {
    text-indent: 0;
}

body .ui-rating .ui-rating-star a {
    color: #757575;
    background: none;
    font-family: 'Material Icons';
    font-weight: normal;
    font-style: normal;
    font-size: 24px;
    /* Preferred icon size */
    display: inline-block;
    width: 1em;
    height: 1em;
    line-height: 1;
    text-transform: none;
    letter-spacing: normal;
    word-wrap: normal;
    white-space: nowrap;
    direction: ltr;
    /* Support for all WebKit browsers. */
    -webkit-font-smoothing: antialiased;
    /* Support for Safari and Chrome. */
    text-rendering: optimizeLegibility;
    /* Support for Firefox. */
    -moz-osx-font-smoothing: grayscale;
    /* Support for IE. */
    font-feature-settings: 'liga';
}

body .ui-rating .ui-rating-star a:before {
    content: "";
}

body .ui-rating .ui-rating-star.ui-rating-star-on a {
    color: #225b64;
    font-family: 'Material Icons';
    font-weight: normal;
    font-style: normal;
    font-size: 24px;
    /* Preferred icon size */
    display: inline-block;
    width: 1em;
    height: 1em;
    line-height: 1;
    text-transform: none;
    letter-spacing: normal;
    word-wrap: normal;
    white-space: nowrap;
    direction: ltr;
    /* Support for all WebKit browsers. */
    -webkit-font-smoothing: antialiased;
    /* Support for Safari and Chrome. */
    text-rendering: optimizeLegibility;
    /* Support for Firefox. */
    -moz-osx-font-smoothing: grayscale;
    /* Support for IE. */
    font-feature-settings: 'liga';
}

body .ui-rating .ui-rating-star.ui-rating-star-on a:before {
    content: "";
}

body .ui-overlaypanel.ui-shadow {
    -webkit-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
    -moz-box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
}

body .ui-overlaypanel .ui-overlaypanel-close {
    background-color: #225b64;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    -moz-transition: background-color 0.3s;
    -o-transition: background-color 0.3s;
    -webkit-transition: background-color 0.3s;
    transition: background-color 0.3s;
    padding: 2px 6px;
    right: -16px;
    top: -16px;
    box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12);
    -webkit-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12);
    -moz-box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.2), 0 1px 1px 0 rgba(0, 0, 0, 0.14), 0 2px 1px -1px rgba(0, 0, 0, 0.12);
}

body .ui-overlaypanel .ui-overlaypanel-close span {
    color: #ffffff;
}

body .ui-overlaypanel .ui-overlaypanel-close span:before {
    position: relative;
    top: 3px;
}

body .ui-overlaypanel .ui-overlaypanel-close.ui-state-hover {
    background-color: #005a3c;
}

body .ui-password-panel.ui-shadow {
    -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
}

body .ui-fileupload .ui-fileupload-buttonbar {
    padding: 10px 16px;
}

body .ui-fileupload .ui-fileupload-buttonbar .ui-icon-arrowreturnthick-1-n:before {
    content: "file_upload";
}

body .ui-fileupload .ui-fileupload-buttonbar .ui-button {
    background-color: #225b64;
}

body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-state-hover {
    background-color: #005a3c;
}

body .ui-fileupload .ui-fileupload-content .ui-messages-error .ui-icon {
    color: #ffffff;
}

body .ui-galleria .ui-galleria-nav-prev {
    left: 0;
}

body .ui-galleria .ui-galleria-nav-next {
    right: 0;
}

body .ui-log .ui-log-header {
    padding: 10px 16px;
    height: auto;
}

body .ui-log .ui-log-header>.ui-log-button {
    line-height: 16px;
    position: static;
    display: inline-block;
    vertical-align: middle;
    margin-right: 4px;
    border: 1px solid transparent;
    padding: 1px 3px;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    -moz-transition: background-color 0.3s;
    -o-transition: background-color 0.3s;
    -webkit-transition: background-color 0.3s;
    transition: background-color 0.3s;
}

body .ui-log .ui-log-header>.ui-log-button.ui-state-hover {
    background-color: #B0BEC5;
}

body .ui-tagcloud li {
    margin: 4px 0px;
}

body .ui-tagcloud li a {
    -moz-transition: background-color 0.3s;
    -o-transition: background-color 0.3s;
    -webkit-transition: background-color 0.3s;
    transition: background-color 0.3s;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

body .ui-tagcloud li a:hover {
    background-color: #e8e8e8;
    color: #000000;
}

body .timeline-frame .timeline-event {
    border-color: #bdbdbd;
    background-color: #ffffff;
}

body .timeline-frame .timeline-event.ui-state-active {
    background-color: #225b64;
    border-color: #225b64;
    color: #ffffff;
}

body .timeline-frame .timeline-axis {
    border-color: #bdbdbd;
}

body .timeline-frame .timeline-navigation {
    height: 36px;
}

body .ui-tooltip {
    opacity: 0.9;
    filter: alpha(opacity=90);
    font-size: 14px;
}

body .ui-tooltip .ui-tooltip-text {
    background-color: #323232;
}

body .ui-tooltip.ui-tooltip-top .ui-tooltip-arrow {
    border-top-color: #323232;
}

body .ui-tooltip.ui-tooltip-bottom .ui-tooltip-arrow {
    border-bottom-color: #323232;
}

body .ui-tooltip.ui-tooltip-left .ui-tooltip-arrow {
    border-left-color: #323232;
}

body .ui-tooltip.ui-tooltip-right .ui-tooltip-arrow {
    border-right-color: #323232;
}

body .ui-state-error, body .ui-widget.ui-state-error, body .ui-widget-content .ui-state-error, body .ui-widget-header .ui-state-error {
    border-color: #e62a10 !important;
}

@media (max-width: 640px) {
    body .ui-panelgrid .ui-grid-responsive .ui-grid-row {
        border: 0 none;
    }
    body .ui-steps .ui-steps-item .ui-menuitem-link .ui-steps-title {
        display: none;
    }
    body .ui-picklist.ui-picklist-responsive .ui-picklist-list-wrapper {
        margin-bottom: 8px;
    }
    body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-button.ui-button-icon-only {
        display: inline-block;
        margin-right: 4px;
    }
    body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-icon-arrow-1-e {
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -o-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        transform: rotate(90deg);
    }
    body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-icon-arrow-1-e:before {
        content: "";
    }
    body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-icon-arrowstop-1-e {
        -webkit-transform: rotate(-90deg);
        -moz-transform: rotate(-90deg);
        -o-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        transform: rotate(-90deg);
    }
    body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-icon-arrowstop-1-e:before {
        content: "";
    }
    body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-icon-arrow-1-w {
        -webkit-transform: rotate(-90deg);
        -moz-transform: rotate(-90deg);
        -o-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        transform: rotate(-90deg);
    }
    body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-icon-arrow-1-w:before {
        content: "";
    }
    body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-icon-arrowstop-1-w {
        -webkit-transform: rotate(-90deg);
        -moz-transform: rotate(-90deg);
        -o-transform: rotate(-90deg);
        -ms-transform: rotate(-90deg);
        transform: rotate(-90deg);
    }
    body .ui-picklist.ui-picklist-responsive .ui-picklist-buttons .ui-icon-arrowstop-1-w:before {
        content: "";
    }
    body .ui-orderlist.ui-grid-responsive .ui-orderlist-controls {
        text-align: center;
        width: auto;
        margin-bottom: 8px;
    }
    body .ui-orderlist.ui-grid-responsive .ui-orderlist-controls .ui-button {
        margin-right: 4px;
    }
    body .ui-buttonset>.ui-button {
        display: block;
        -moz-border-radius: 0;
        -webkit-border-radius: 0;
        border-radius: 0;
    }
    body .ui-buttonset>.ui-button:first-child {
        -moz-border-radius-topleft: 3px;
        -webkit-border-top-left-radius: 3px;
        border-top-left-radius: 3px;
        -moz-border-radius-topright: 3px;
        -webkit-border-top-right-radius: 3px;
        border-top-right-radius: 3px;
    }
    body .ui-buttonset>.ui-button:last-child {
        -moz-border-radius-bottomleft: 3px;
        -webkit-border-bottom-left-radius: 3px;
        border-bottom-left-radius: 3px;
        -moz-border-radius-bottomright: 3px;
        -webkit-border-bottom-right-radius: 3px;
        border-bottom-right-radius: 3px;
    }
}

/* Custom Css By UI team */

.PosAbs {
    position: absolute;
    top: 100px;
    right: 35px;
}

.mb-10 {
    margin-bottom: 10px !important
}

.mb-20 {
    margin-bottom: 20px !important
}

.mb-30 {
    margin-bottom: 30px !important
}

.mb-40 {
    margin-bottom: 40px !important
}

.mb-50 {
    margin-bottom: 50px !important
}

.mt-10 {
    margin-top: 10px !important
}

.mt-20 {
    margin-top: 20px !important
}

.mt-30 {
    margin-top: 30px !important
}

.mt-40 {
    margin-top: 40px !important
}

.mt-50 {
    margin-top: 50px !important
}

.ml-10 {
    margin-left: 10px !important
}

.ml-20 {
    margin-left: 20px !important
}

.ml-30 {
    margin-left: 30px !important
}

.ml-40 {
    margin-left: 40px !important
}

.ml-50 {
    margin-left: 50px !important
}

.mr-10 {
    margin-right: 10px !important
}

.mr-20 {
    margin-right: 20px !important
}

.mr-30 {
    margin-right: 30px !important
}

.mr-40 {
    margin-right: 40px !important
}

.mr-50 {
    margin-right: 50px !important
}

/* hamdy */

.ui-fluid .register-online .ui-button {
    width: auto;
    margin-right: 2px
}

.register-online .header {
    background: #ddd !important;
    border: 1px solid #757575;
    color: #225b64;
    text-align: left;
    font-weight: bold;
    font-size: 13px !important;
    padding: 4px 10px;
    margin: 0;
}

.ui-g-12 .ui-icon-info-outline {
    display: none !important;
}

.ui-panelgrid-footer {
    padding: 10px 16px;
}

.ui-panelgrid-cell:empty {
    display: none
}

.step .ui-widget-content {
    border: 0
}

.step .ui-button-text-icon-left {
    margin: 0!important;
    padding-left: 36px;
}

.ui-message-limits .ui-widget-content {
    margin-bottom: 0px!important;
}

.its-forms-actions .ui-widget-content, .its-forms .ui-widget-content {
    border: none;
}

form>.ui-widget:not(.dashboard) .ui-widget-content {
    border: none;
}

.ui-panelgrid .ui-panelgrid-cell {
    border: none !important;
    /* line-height: 35px; */
}

.ui-panelgrid .ui-panelgrid-cell.Container20{
	line-height: 100% !important;
}

#loginForm\:pnlMap {
    display: none;
}

.ui-stack .openStack li span {
    background-color: transparent;
}

.ui-icon-disk:before {
    content: ""
}

.ui-icon-arrowrefresh-1-w:before, .ui-icon-arrowreturnthick-1-w:before {
    content: ""
}

.ui-icon-arrowthick-1-w:before {
    content: "";
}

.ui-icon-arrowthick-1-e:before {
    content: "";
}

.sub-mnu-icon>i:before {
    content: "";
}

/*Test Icon Override
.sub-mnu-icon >i.FNREBCW056:before{
	  content: "";
}*/

.layout-wrapper .footer {
    padding: .5em 0;
    width: 100%;
}

#frmTransactionshistory\:bcSaving\:j_idt835 button {
    margin: 0!important
}

#frmRemittanceBeneficiarySetup\:pnlRemittanceBeneficiaryPage_content {
    padding: 20px;
}

.its-forms>tbody, .its-forms>tbody>tr, .its-forms>tbody>tr>td {
    display: block;
}

.ui-datatable-tablewrapper {
    overflow: auto;
}

div#accountTypeSetupForm\:pnlInstrumentChargesPage_content {
    overflow: hidden
}

div#accountTypeSetupForm\:j_idt491 {
    float: left;
    width: 12.5em;
}

div#accountTypeSetupForm\:pnlClasses {
    float: left;
    width: 78.5em;
    z-index: 1111;
}

.tab-view-menu {
    background: rgba(221, 221, 221, 0.4);
}

.tab-view-menu {
    overflow-y: scroll;
    height: 300px;
    float: left;
}

#frmUserMaintenance table {
    width: 100%
}

#frmUserMaintenance ul.ui-widget-content {
    border: 1px solid #ddd !important
}

.ui-selectonemenu-panel {
    max-width: 100% !important
}

@media print {
    .layout-wrapper .topbar .logo {
        height: 45px;
    }
    html, body {
        height: auto !important
    }
    body table {
        table-layout: fixed;
        width: 100%;
    }
    body tbody td, body thead th {
        word-wrap: break-word;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    .noprint {
        display: none !important;
    }
    .ui-commandlink.ui-widget {
        color: #212121 !important
    }
    .topbar-items, .layout-menu, #topbar-menu-button, #menu-button, .footer, .ui-button, .ui-commandlink, .ui-panel-footer {
        display: none !important;
    }
    .printable-link .ui-commandlink.ui-widget {
        display: block !important;
        color: #212121 !important
    }
    .ui-datatable-scrollable>* {
        overflow: visible !important;
    }
    .ui-datatable-scrollable th, .ui-datatable-scrollable td {
        width: auto !important;
    }
    .ui-datatable-scrollable-body>table>tbody>tr>td {
        width: auto !important;
        background: #e33 !important;
    }
}

.WAuto img {
    width: 50px
}

.icon-file-pdf {
    font-size: 50px !important;
}

body .ui-widget.loginInfoIcon, .loginInfoIcon {
    position: absolute !important;
    top: -15px !important;
    right: 16px !important;
    font-family: 'Material Icons' !important;
    text-align: right;
    font-size: 24px !important;
    width: 24px !important;
}

/* ----------------SS---------------*/

th .ui-column-title {
    color: #ffffff!important;
    font-weight: 100 !important;
}

#frmMainDashboard\:tbAccountsSummary\:tblTransactionAccountsSummary_head {
    background-color: #555555!important;
}

#frmMainDashboard\:tbAccountsSummary\:financesSummary_head {
    background-color: #555555!important;
}

span.Login-text {
    text-transform: uppercase;
    font-size: 16px;
}

button#btnRegParamContinue {
    width: 91% !important;
    margin-left: 10px;
}

button#btnRegParamReset {
    width: 40%!important;
}

button#btnBack {
    width: 40%!important;
    margin-right: 0px;
}

.ui-datatable thead th, .ui-datatable tfoot td {
    text-align: left;
    text-transform: uppercase!important;
}

.register-online .header {}

.ui-stack ul.openStack {
    top: 40px !important;
    height: auto!important;
}

.ImgDataGrid .img-style {
    width: 40%!important;
    height: 40%!important;
}

.ui-message-limits {
    background-color: #ffffff !important;
}

.ui-messages-error, .ui-message-error {
    color: #c80e0e!important;
    background-color: #ffffff!important;
    border-color: #c80e0e!important;
}

span.ui-messages-error-icon {
    color: #c80e0e!important;
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-align: center !important;
        -ms-flex-align: center !important;
            align-items: center !important;
    -webkit-box-pack: center !important;
        -ms-flex-pack: center !important;
            justify-content: center !important;
}

.ui-fileupload-buttonbar {
    background-color: transparent !important;
}

.ui-fileupload-buttonbar>span {
    margin: 0 !important;
}

.footer>.card.clearfix {
    /* background-color: #424242!important; */
}

.privacy-block>ul>li>a {
    color: #ffffff!important;
}

span.footer-text-left {
    margin-top: 5px!important;
    color: #ffffff!important;
}

span.footer-text-right {
    margin-top: -5px!important;
}

@media only screen and (max-width:1024px) {
    ul.topbar-items>li {
        float: right
    }
    .login-body div#keypad-div, body div#keypad-div {
        top: -775px!important;
    }
}

.ui-messages-error-summary {
    font-size: 10px!important;
    text-transform: uppercase!important;
}

.ui-panelgrid-header.ui-widget-header {
	/* background-color: #555555!important; */
}

.trnfr-amount, .trnfr-amount .ui-widget-content {
    background: #225b64!important;
}

.confirm-data label.form-group>label, .confirm-data label.form-group .ui-outputpanel>label, .confirm-data label.form-group .ui-outputlabel, .blue-color {
    color: #225b64 !important;
}

.ui-messages-info.ui-corner-all {
    background-color: #ffffff!important;
    color: #225b64!important;
    border-color: #225b64!important;
}

span.ui-messages-info-icon {
    color: #225b64!important;
}

.ui-panelgrid-cell.ui-grid-col-12>img {
    padding: 0px !important;
}

.ui-message-success h3 {
    margin-left: 16px!important;
}

.ui-message-success h2.msg-done {
    margin-left: 15px!important;
}

.user-short-name div.icon {
    max-width: 100%!important;
}

.ui-messages ul {
    margin: 0 10px!important;
}

.user-short-name.TexAlCenter {
    text-align: left!important;
}

.ui-messages .ui-messages-warn {
    color: #c80e0e!important;
    background-color: #ffffff!important;
    border-color: #c80e0e!important;
}

span.ui-messages-warn-icon {
    color: #c80e0e!important;
}

/*----------------------ak------------*/

.vald-hint {
    line-height: 25px;
    margin-left: 25px;
    padding-right: 15px;
    padding-top: 15px;
    padding-bottom: 15px;
}

.vald-hint label::before {
    top: -2px !important;
}

.ui-panelgrid-cell.Container75.ui-grid-col-6 {
    border: 1px solid #999;
}

.ui-fileupload-buttonbar.ui-widget-header.ui-corner-top {
    background-color: none !important;
    border: none !important;
}

.layout-wrapper .footer {
    bottom: 0px!important;
    padding: 0em 0;
    position: static!important;
    right: 0;
    width: 100%;
}

.ui-stack {
    bottom: 66px !important;
}

body.layout-compact .ui-icon {
    vertical-align: text-bottom;
}

.layout-menubar-active {
    background: #3a3a3b;
    color: #fff;
}

.layout-wrapper .ultima-menu li.active-menuitem>a {
    background: #225b64 !important;
    color: #fff !important;
}

.ultima-menu .active-menuitem li a i {
    color: #fff !important;
}

.ui-datatable-tablewrapper {
    /* margin-top: 25px; */
    /*margin-bottom: 25px;*/
}

@media only screen and (max-width:640px) {
    .ui-datatable-tablewrapper {
        margin-top: 5px;
        margin-bottom: 5px;
    }
}

.layout-menu-static-inactive .footer {
    width: 100%;
}

.login-help-panel img {
    width: 34px;
    height: 34px !important;
}

span.Login-text {
    float: left;
    margin-top: 5px;
}

.ui-outputlabel.ui-widget span.ui-outputlabel-rfi {
    width: 0px;
}

#grdLoginLayout .ui-g {
    display: block !important;
}

.footer-nav li {
    list-style-type: none;
    padding: 0 10px;
    border-right: solid 1px #ccc;
}

.main-body .footer-nav li {
    float: left;
    border-width: 0;
}

.footer-nav li:last-child {
    border-right-width: 0;
}

.footer-nav li a {
    color: #212121;
}

.layout-wrapper .ultima-menu li.layout-menubar-active a {
    color: #fff;
}

.special-accordion .ui-accordion-header, .ui-outputlabel {
    text-transform: none !important;
}

.ui-dashboard.one-column .ui-dashboard-column {
    padding-left: 0px !important;
    padding-right: 0px !important;
}

/*body .ui-corner-all{
  border-top-left-radius:10px !important;
  border-top-right-radius:10px !important;
  border-bottom-left-radius:0px !important;
  border-bottom-right-radius:0px !important;
}
body .ui-panel .ui-panel-titlebar{
  border-top-left-radius:10px !important;
  border-top-right-radius:10px !important;
  border-bottom-left-radius:10px !important;
  border-bottom-right-radius:10px !important;
}*/

span.ui-outputlabel-rfi {
    left: -6px !important;
}

#j_idt51 {
    text-align: center!important;
}

.ui-commandlink.ui-widget {
    color: #0070ff !important;
}

.acnt_smry .ui-datatable-header.ui-widget-header.ui-corner-top {
    width: auto !important;
}

.ui-message-success h2.msg-done {
    color: #225b64 !important;
}

.ui-button .ui-button-text {
    text-transform: capitalize !important;
}

.ui-chkbox-icon.ui-icon.ui-c.ui-icon-check {
    height: 2em !important;
}

.ui-tabview-tabs label.ui-outputlabel {
    padding: 8px 5px !important;
}

.threeColumnsDasboard .ui-dashboard-column.ui-sortable {
    padding: 3px !important;
}

@media only screen and (min-width: 1920px) {

	.login-panel {
        /* margin: 235px auto 0 auto!important; */
    }
}

@media only screen and (max-width: 1024px) {
    .layout-wrapper .topbar .topbar-right .topbar-items {
        right: 0 !important;
        width: 100% !important;
    }
    .layout-wrapper .topbar .topbar-right .topbar-items>li>a {
        color: #fff;
        padding: 16px 15px!important;
    }
    .layout-wrapper .topbar .topbar-right .topbar-items.topbar-items-visible {
        background-color: #757575;
    }
    .layout-wrapper .topbar .topbar-right .topbar-items>li>a:hover {
        background-color: #555555 !important;
        color: #fff !important;
    }
    .layout-wrapper .topbar .topbar-right .topbar-items>li>a {
        color: #ffffff!important;
    }
    span.hlpmessage img {
        padding: 15px!important;
    }
    span.topbar-item-name {
        display: none!important;
    }
}

@media only screen and (max-width: 767px) {
    .ui-panelgrid-cell.width25 {
        width: 100%;
    }
    th .ui-column-title {
        color: #fff !important;
        word-break: normal;
    }
    .layout-wrapper .topbar .topbar-right .topbar-items.topbar-items-visible {
        background-color: #757575;
    }
    .layout-wrapper .topbar .topbar-right .topbar-items>li>a:hover {
        background-color: #555555 !important;
        color: #fff !important;
    }
    .layout-wrapper .footer {
        position: absolute !important;
    }
    body .ui-datatable thead th {
        background-color: #555555;
    }
    .login-body .icon-container .ui-widget {
        font-size: 10px;
    }
    .icon-container .icon-grid div.ui-g-12 a {
        border-right: none;
    }
}

@media only screen and (max-width: 640px) {
    .icon-container {
        width: 55%;
    }
    .icon-container .icon-grid div.ui-g-12 {
        width: auto !important;
    }
}

@media only screen and (max-width: 360px) {
    .layout-wrapper .topbar .topbar-left {
        width: 65% !important;
    }
}

.ui-outputlabel .ui-outputlabel-rfi {
    margin-left: 100%!important;
    color: red;
}

.ui-g-12 .header {
    float: left;
    text-align: left;
    width: 100%;
    color: #225b64 !important;
    background-color: #ddd !important;
    margin: 6px -10px 0px 0px;
    box-sizing: border-box;
    font-size: 12px !important;
    font-family: "Roboto", "Helvetica Neue", sans-serif;
    font-weight: bold;
    border: 1px solid #757575;
    padding: 4px 10px !important;
}

.ui-g-12 .header .ui-outputlabel {
    margin: 6px 0;
}

.online-reg .ui-radiobutton .ui-radiobutton-box {
    width: 20px !important;
    height: 20px !important;
}

.login-panel span>label {
    display: block;
    text-align: left;
}

.login-panel .ui-outputlabel {
    display: block !important;
    width: 100% !important;
}

#loginForm\:pnlGrdTermsAndConditions_content {
    width: 100%;
}

.login-panel object {
    margin: 0 auto;
    display: block;
}

.login-panel .form_separetor {
    float: none;
    display: block;
    font-size: 12px;
}

.ui-breadcrumb ul li .ui-menuitem-link {
    cursor: default;
}

.support-text {
    position: absolute;
    left: 30px;
    top: 10px !important;
    text-align: right;
    font-size: 18px;
}

.support-text label {
    color: #fff;
    font-weight: bold;
    display: block;
    font-size: 1.88em !important;
    line-height: 1.2em;
}

.support-text>label:first-child {
    font-size: 1em !important;
    font-weight: normal;
    text-transform: uppercase !important;
}

.support-text>label:last-child:before {
    font-family: 'Material Icons';
    font-weight: normal;
    font-style: normal;
    font-size: 34px;
    /* Preferred icon size */
    display: inline-block;
    width: 1em;
    height: 1em;
    line-height: 1;
    text-transform: none;
    letter-spacing: normal;
    word-wrap: normal;
    white-space: nowrap;
    direction: ltr;
    text-indent: 0;
    overflow: visible;
    /* Support for all WebKit browsers. */
    -webkit-font-smoothing: antialiased;
    /* Support for Safari and Chrome. */
    text-rendering: optimizeLegibility;
    /* Support for Firefox. */
    -moz-osx-font-smoothing: grayscale;
    /* Support for IE. */
    font-feature-settings: 'liga';
    content: "";
}

.footerLogin {
    width: 100% !important;
    padding: 5px 0;
    border-top: 3px solid #225b64;
    background: white;
    position: absolute;
    bottom: 0;
    height: auto;
}

.footerLogin>div {
    width: 80%;
    margin: 0 auto;
}

.footerLogin .footer-text-left {
    color: #225b64 !important;
    width: 49%;
    font-size: 12px;
    float: left;
    text-align: center;
    line-height: 1.2em;
}

.footerLogin .footer-text-right {
    width: 50%;
    float: right;
}

.footerLogin .privacy-block>ul>li>a {
    color: #225b64 !important;
    font-size: 12px
}

@media only screen and (max-width: 35em) {
    .ui-paginator .ui-paginator-pages {
        display: inline-block !important;
    }
}

body .ui-datatable tbody tr.ui-state-highlight .ui-inputfield {
    color: #000;
}

body .ui-state-highlight .ui-icon {
    color: #000;
}

.line-break {
    white-space: pre-line;
}

.mailContent {
    word-break: break-all!important;
}

/*----------------------- Start - Seam theme - hamdy ------------------------------- */

.header {
    background: #225b64;
    height: 92px;
   	display: -webkit-box;        
  	display: -ms-flexbox;    
  	display: flex;            
    -webkit-box-align: center;            
    -ms-flex-align: center;            
            align-items: center;
}

.header .logo {
    position: absolute;
    right: 30px;
    top: 10px;
}

.header .logo img{
    height: 55px;
}

/* .TickerNews{
  display: block;
  width: 60%;
  margin: 0 auto;
  height: 25px;
  overflow: hidden;
  line-height: 25px;
  color: white;
  font-weight: 200;
} */

.ticker-news-login,
.ticker-news-home {
    /* width: 60%; */
    margin: 5PX auto;
    height: 25px;
    line-height: 25px;
    font-weight: 200;
    color: #fff;
	overflow: hidden !important
}
.ti_wrapper {
    width: 100%;
    position: relative;
    overflow: hidden; 
}

.ti_slide {
    width: 30000px;
    position: relative;
    left: 0;
    top: 0; 
}

.ti_content {
    width: 8000px !important;
    position: relative;
    /* float: left; */
}

.ti_news {
    float: left;
}

.ti_news a {
    display: block;
    margin-right: 10px;
}

.hide-reb {
    display: none;
}

.user-icon-reb::after {
    content: "*";
    position: absolute;
    right: 10px;
}

.password-icon-reb::after {
    content: "*";
    position: absolute;
    right: 10px;
}

button.btn-login-reb {
    background: #225b64;
    transition: all .3s ease-in-out;
    padding: 0 !important;
    margin: 0 !important;
    border-radius: 30px !important;
    border-color: #225b64;
    height: 42px;
    margin-top: 10px !important;
    margin-bottom: 10px !important;
    max-width: 270px !important;
}

button.btn-login-reb:hover {
    background: white;
    border: 1px solid #225b64;
    color: #225b64;
}

.btn-login-reb~button span {
    color: #807b7b !important;
}

.btn-login-reb~button:hover span {
    color: #225b64 !important;
}

.brder-input .forget-pass span.ui-icon {
    color: #807b7b !important;
}

.btn-login-reb .ui-button-icon-left {
    display: none;
}

.btn-login-reb .ui-button-text {
    line-height: initial;
}

.login-caption h4 {
    margin: 5px;
}

.login-caption span {
    display: block;
}

.login-caption .reb-welcome {
    font-weight: 100 !important;
    display: inline-block;
}

.typed-cursor {
    display: inline-block !important;
}

.login-caption {
    position: absolute;
    top: 40px;
    left: 0;
    right: 0;
}

/*----------------------- Start - Seam theme - hamdy ------------------------------- */

.login-body {
    background: #ececec;
    background-size: auto;
    background-position: 50% 0;
    position: relative;
    min-height: 100%;
}

.login-body .brder-input {
    margin-top: 50px;
    padding: 10px;
}

.login-body .brder-input input {
    font-size: 18px!important;
}

.brder-input span label {
    font-weight: 100;
    font-size: 1rem;
}

.brder-input .ui-icon-help:before {
    content: "\f084" !important;
    font-size: .7em;
    position: absolute;
    font-family: FontAwesome;
}

.brder-input .ui-icon-person-add:before {
    font-size: .7em;
    position: absolute;
}

/*
    =============================
    adv section
    =============================
*/

.login-slider {
    position: relative;
    -webkit-transition: all 1s ease-in-out;
    -o-transition: all 1s ease-in-out;
    transition: all 1s ease-in-out;
}

.login-slider .advOverlay {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: #000;
    opacity: .4;
    z-index: 222222;
}

.s1, .s2, .s3 {
    position: relative;
}

.slick-slide {
    height: 434px !important;
}

.login-slider .slide1, .login-slider .slide2, .login-slider .slide3,
.login-slider .slide4, .login-slider .slide5 , .login-slider .slide6,
.login-slider .slide7 {
    background-position: 50% 50%;
    background-size: cover;
    background-repeat: no-repeat;
    /* position: absolute; */
    top: 0;
    left: 0;
    height: 60%;
    width: 100%;
}

.login-slider .slide1 {
    background-image: url("");
}

.login-slider .slide2 {
    background-image: url("");
}

.login-slider .slide3 {
    background-image: url("");
}

.login-slider .slide4 {
    background-image: url("");
}

.login-slider .slide5 {
    background-image: url("");
}

.login-slider .slide6 {
    background-image: url("");
}

.login-slider .slide7 {
    background-image: url("");
}

.slick-arrow i {
    font-style: normal;
}

.login-slider a.chevron-right, .login-slider a.chevron-left {
    position: absolute;
    font-size: 1.0em;
    color: rgb(19, 107, 78);
    z-index: 200;
    margin-top: -24px;
    font-family: FontAwesome;
    z-index: 9;
}

.login-slider a.chevron-right {
    top: 60%;
    right: 2%;
}

.login-slider a.chevron-left {
    top: 60%;
    left: 2%;
}

.login-slider .slick-dots {
    bottom: 1%;
    text-align: right;
}

.login-slider .slick-dots li.slick-active button:before {
    color: #fff
}

.login-slider .slick-dots li button:before {
    font-size: 40px
}

.login-slider .advContent {
    /* position: absolute; */
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40%;
    background: #225b64;
    background: -webkit-linear-gradient(to right, #001510, #225b64);
    background: -webkit-gradient(linear, left top, right top, from(#001510), to(#225b64));
    background: -webkit-linear-gradient(left, #001510, #225b64);
    background: -o-linear-gradient(left, #001510, #225b64);
    background: linear-gradient(to right, #001510, #225b64);
    padding: 15px;
    height: 430px;
    text-align: left;
    padding-top: 0px;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
}

.login-slider .advContent a {
    font-size: 14px;
    margin-top: .5em;
    display: inline-block;
    border-left: 2px solid #fff;
    padding-left: 10px;
    color: #fff;
    font-weight: bold !important
}

.login-slider .advContent p {
    font-size: 13px;
    color: #fff;
    margin-top: 1em;
}

body .ui-button.secondary {
    background: none !important;
    -webkit-box-shadow: unset;
            box-shadow: unset;
    padding-left: 0;
}

.secondary span.ui-button-icon-left.ui-icon.ui-c.ui-icon-help {
    display: none;
}

#loginForm\:grdLoginPage .ui-messages .ui-messages-error {
    position: relative;
    top: 85px;
}

#loginForm\:grdLoginPage .ui-messages .ui-messages-warn {
    position: relative;
    top: 88px;
}

#frmLogin\:pnlLoginBox .ui-messages .ui-messages-error {
    position: relative;
    top: 40px;
}

table{
    color: #000;
}


.loading{
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	background: #fff; 
	z-index: 9999999
}
.spinner {
    margin: 250px auto;
    width: 50px;
    height: 50px;
    position: relative;
  }

.logoLoading {
	width: 50%;
	text-align: center;
	margin: 250px auto 0;
}

.logoLoading img{
	max-width: 150px;
}

.spinner {
	margin: 20px auto 0;
	width: 170px;
	text-align: center;
}

.spinner>div {
	width: 10px;
	height: 10px;
	background-color: #225b64;
	border-radius: 100%;
	display: inline-block;
	-webkit-animation: sk-bouncedelay 1.4s infinite ease-in-out both;
	animation: sk-bouncedelay 1.4s infinite ease-in-out both;
}

.spinner .bounce1 {
	-webkit-animation-delay: -0.32s;
	animation-delay: -0.32s;
}

.spinner .bounce2 {
	-webkit-animation-delay: -0.16s;
	animation-delay: -0.16s;
}

@-webkit-keyframes sk-bouncedelay {
	0%, 80%, 100% {
		-webkit-transform: scale(0)
	}
	40% {
		-webkit-transform: scale(1.0)
	}
}

@keyframes sk-bouncedelay {
	0%, 80%, 100% {
		-webkit-transform: scale(0);
		transform: scale(0);
	}
	40% {
		-webkit-transform: scale(1.0);
		transform: scale(1.0);
	}
}

#dlgTooklitId{
	background: #fff !important;
}

.ui-panel-content .ui-widget-content {
	background: #fff !important;
}

#frmToDoList\:newToDoDialog .ui-dialog-content.ui-widget-content{
	height: auto !important;
    overflow: hidden;
    max-height: 580px;
}

#frmToDoList\:newToDoDialog_title .ui-dialog-titlebar-close:BEFORE{
	color: black;
}

#frmToDoList\:newToDoDialog_title{
	padding: 2px 0 !important;
    margin: 0 !important;
}
 
#frmLogin\:btnLogin,
#frmLogin\:btnSelectRole,
#loginForm\:btnLogin{
	border-radius: 30px;
    height: 40px;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    cursor: auto;
}

#frmLogin\:btnLogin .ui-button-text,
#frmLogin\:btnSelectRole .ui-button-text,
#loginForm\:btnLogin .ui-button-text{
	text-transform: capitalize !important;
    font-size: 16px;
}

#frmLogin\:btnLogin.ui-state-focus,
#frmLogin\:btnSelectRole.ui-state-focus,
#loginForm\:btnLogin.ui-state-focus{
	background: #225b64 !important;
	-webkit-box-shadow: 0 0 0 0.2rem rgba(40,167,69,.5);
	        box-shadow: 0 0 0 0.2rem rgba(40,167,69,.5);
}

#frmLogin\:btnLogin .ui-button-icon-left,
#loginForm\:btnLogin .ui-button-icon-left{
	left: 100px !important;
	margin-top: -10px;
	display: none !important;
}

#frmLogin\:btnLogin .ui-button-icon-left:before,
#loginForm\:btnLogin .ui-button-icon-left:before{
	content: '\f090' !important;
    font-family: FontAwesome;
    display: none !important
}

#frmLogin\:btnLogin:hover .ui-button-icon-left:before{
	color: #fff !important;
}

#loginForm\:btnLogin .ui-button-icon-left:before{
	color: #fff  !important;
}

#frmLogin\:btnLogin:hover,
#frmLogin\:btnSelectRole:hover,
#loginForm\:btnLogin:hover{
    background: #424242 !important;
    color: #ffffff !important;
    border: none !important;
    cursor: pointer;
}

#frmLogin\:rdoRoleList,
#loginForm\:rdoRoleList{
	margin-top: 50px;
}

#frmToDoList\:dtGrdToDoList_content table table tr{
	font-size: 14px;
    font-weight: 200;
}

#frmToDoList\:dtGrdToDoList_content table table tr:nth-child(even){
	width: 100%;
	margin-left: 30px;
}

#frmToDoList\:dtGrdToDoList_content .todo-widget tr.ui-datagrid-row{
	height: 45px !important;
}

#loginForm\:lnkOnlineRegistration{
	background-color: transparent !important;
    color: #607d8b !important;
    -webkit-box-shadow: none !important;
            box-shadow: none !important;
    border: none;
}

#loginForm\:lnkForgotPass{
	margin-top: 20px;
	border: none;
}

#loginForm\:lnkForgotPass:hover,
#loginForm\:lnkOnlineRegistration{
	background: none;
	border: none;
}
 
[dir='ltr'] #loginForm\:lnkOnlineRegistration .ui-button-text:before{
	content: '\f007' !important;
    font-family: FontAwesome;
    margin-right: 10px;
    font-size: 16px !important
}

[dir='rtl'] #loginForm\:lnkOnlineRegistration .ui-button-text:after{
	content: '\f007' !important;
    font-family: FontAwesome;
    margin-right: 10px;
    font-size: 16px !important
}
#loginForm\:btnLogin:hover .ui-button-icon-left:before{
    color: #225b64;
}

.instagram-media,
.instagram-media-registered{
	min-width: auto !important;
}

.ti_news {
    margin: 0 5px;
}

/* #frmtblnews\:tblnews_head .ui-column-title{
	margin: 0 5px;
} */

#frmtblPost\:tblPosts_head input,
#frmtblnews\:tblnews_head input{
/* 	display: inline;
    width: 100px;
    margin: auto; */
    height: 28px;
    background: white;
}

#addNewsDialog .ui-dialog-content.ui-widget-content{
	height: 325px !important;
    overflow: hidden;
}

#frmtblPost\:tblPosts table{
	table-layout: fixed !important;
    width: 100%;
    white-space: nowrap;
}

#frmtblPost\:tblPosts\:colPostUrl{
	width: 35% !important;
}

#frmtblPost\:tblPosts\:colTargetUser{
	width: 20% !important;
}

#addPostDialog .ui-dialog-content.ui-widget-content{
	 overflow: hidden;
}

.its-center .ui-dialog-titlebar.ui-widget-header label.ui-outputlabel.ui-widget{
	/* color: white; */
    margin-bottom: 0;
}

#frmCalendar\:pfdate .ui-datepicker{
	width: 100%;
}

#frmCalendar\:pfdate .ui-datepicker thead tr {
    background: #f0f0f0;
}

#frmCalendar\:pfdate .ui-datepicker th{
	color: black;
}

#frmCalendar\:pfdate .ui-datepicker-header {
    background: #fafafa;
    border: none;
}

#frmCalendar\:pfdate .ui-datepicker-header .ui-datepicker-title {
    color: black;
}

#frmCalendar\:pfdate .ui-datepicker-prev:BEFORE {
    content: '\f050' !important;
    font-family: FontAwesome;
    color: #225b64 !important;
}

#frmCalendar\:pfdate .ui-datepicker-next:BEFORE {
    content: '\f050' !important;
    font-family: FontAwesome;
    color: #225b64 !important;
}

.ui-selectonemenu-panel .ui-selectonemenu-items-wrapper{
	border-radius: 3px; 
}

.fullW{
	width: 100%;
}

.ui-selectonemenu-panel .ui-selectonemenu-items-wrapper{
	background: white;
}

#frmToDoList .ui-panel-content.ui-widget-content{
	margin-top: 5px;
}

#frmPackageMaintenance\:grdViewMaintenancePackage{
	width: 100%;
	table-layout: fixed !important;
}

#pnlMailBox{
	background: white;
}

#frmMainDashboard\:pnldash.ui-widget.ui-widget-content{
    background: none !important;
}

#frmComposeDialogWdgt\:grgComposeDialogWdgt_content,
#frmComposeDialogWdgt\:grgComposesubjectWdgt_content,
#frmComposeDialogWdgt\:grdMessageReceiverWdgt_content,
#frmComposeDialogWdgt\:grdSelectCustomerIdWdgt_content,
#frmComposeDialogWdgt\:grdCustomerNAmeWdgt_content,
#frmComposeDialogWdgt\:gridBroadCastingToWdgt_content,
#frmComposeDialogWdgt\:grdSelectBroadCastingWdgt_content,
#frmComposeDialogWdgt\:pnlSearchCategoryWdgt,
#frmComposeDialogWdgt\:pnlSearchCategoryWdgt_content{
	background: none !important;
	    margin: 0;
    padding: 0;
}

#frmComposeDialogWdgt{
	margin-bottom: 0 !important;
}

#frmComposeDialogWdgt\:pnlSearchCategoryWdgt{
	margin-top: 0;
}

#frmComposeDialogWdgt hr{
	display: none;
}

#frmComposeDialogWdgt\:ckContentMailWdgt{
	border: 1px solid rgba(0,0,0,0.25);
    background: white;
    border-radius: 3px;
    padding: 5px;
    height: 65px !important;
}

#openComposeDialog\:frmComposeDialogWdgt\:uploadFileWdgt .ui-fileupload-content{
	background: none !important;
}

#frmDocmMemue{
	margin-left: 10px !important;
}

#frmComposeDialogWdgt\:uploadFileWdgt .ui-button,
#frmComposeDialogWdgt\:btnSendMailWdgt{
	background-color: #225b64;
}

#frmComposeDialogWdgt\:uploadFileWdgt .ui-button:hover,
#frmComposeDialogWdgt\:btnSendMailWdgt:hover{
	/* background: rgb(12, 132, 64)!important;
    border: 1px solid #0f6b37!important; */
}

#unDoneEventCountId{
	color: white;
    font-weight: 500;
}

.compose-msg{
	margin: 11px;
}



#frmtblnews\:pnlNewsDlg_content .ui-panel-title .ui-outputlabel{
    margin-bottom: 0;
    color: white;
    font-weight: 600;
    font-size: 14px !important;
}

#openComposeDialog\:frmComposeDialogWdgt\:ckContentMailWdgt{
	border-radius: 3px;
    border: 1px solid #ced4da;
    padding: 5px;
}

#openComposeDialog\:frmComposeDialogWdgt\:pnlSearchCategoryWdgt{
	margin-top: 0;
}

#openComposeDialog\:frmComposeDialogWdgt hr{
	display: none;
}

.highlighed a{
	border-bottom: 3px solid #225b64;
    border-radius: 0px !important;
}

#frmCalendar\:pfdate_inline .ui-datepicker{
	width: 100%;
}

#openComposeDialog\:composePanel{
	top: 34px !important;
    left: auto !important;
    right: 0 !important;
    min-width: 650px;
    box-shadow: 0px 0px 10px #9aa4a8;
}

#openComposeDialog\:composePanel .ui-overlaypanel-content {
    padding: 2em 1em !important;
}
.mega-dropdown-menu .Container10.ui-grid-col-6{
	WIDTH: 5% !important;
}

.mega-dropdown-menu .Container10.ui-grid-col-4{
	WIDTH: 10% !important;
}


.mega-dropdown-menu .Container50.ui-grid-col-4,
.mega-dropdown-menu .Container40.ui-grid-col-4{
	WIDTH: 50% !important;
}

#loginForm\:lnkForgotPass:hover,
#loginForm\:lnkOnlineRegistration:hover{
    background: none !important;
    border: none !important;
}


#openComposeDialog\:frmComposeDialogWdgt\:uploadBoxWdgt{
	color: black;
}

#openComposeDialog\:frmComposeDialogWdgt,
#openComposeDialog\:frmComposeDialogWdgt\:grdMessageReceiverWdgt_content,
#openComposeDialog\:frmComposeDialogWdgt\:grgComposesubjectWdgt_content,
#openComposeDialog\:frmComposeDialogWdgt\:pnlSearchCategoryWdgt_content,
#openComposeDialog\:frmComposeDialogWdgt\:grdSelectCustomerIdWdgt_content,
#openComposeDialog\:frmComposeDialogWdgt\:gridBroadCastingToWdgt_content,
#openComposeDialog\:frmComposeDialogWdgt\:grdCustomerNAmeWdgt,
#openComposeDialog\:frmComposeDialogWdgt\:grdSelectBroadCastingWdgt_content,
#openComposeDialog\:frmComposeDialogWdgt\:grdCustomerNAmeWdgt_content,
#openComposeDialog\:frmComposeDialogWdgt\:grgComposeDialogWdgt_content,
#openComposeDialog\:frmComposeDialogWdgt\:gridBroadCastingToWdgt_content .ui-panelgrid-cell.Container90.ui-grid-col-6{
	background: #E0E0DE !important;
}

#openComposeDialog\:frmComposeDialogWdgt\:grgComposeDialogWdgt .ui-panelgrid-header.ui-widget-header{
	border: none;
    color: black;
    font-size: 15px;
    font-weight: 400;
    text-transform: capitalize;
    text-align: left;
    margin-bottom: 15px;
}

#openComposeDialog\:frmTemplatesDialogWdgt .ui-datalist-header.ui-widget-header.ui-corner-top{
	border: none;
    color: black;
    font-size: 15px;
    font-weight: 400;
    text-transform: capitalize;
    text-align: left;
    margin-top: 15px;
    background: none;
}

#openComposeDialog\:frmComposeDialogWdgt{
	overflow-y: scroll;
    max-height: 400px;
    overflow-x: hidden;
    padding: 15px;
}

#openComposeDialog\:frmComposeDialogWdgt input,
#openComposeDialog\:frmComposeDialogWdgt textarea{
	background: #fff;
}

#openComposeDialog\:frmComposeDialogWdgt .ui-selectonemenu{
	background: #e0e0de;
    border: 1px solid rgba(0,0,0,.15) !important;
}

#openComposeDialog\:frmComposeDialogWdgt input:FOCUS,
#openComposeDialog\:frmComposeDialogWdgt textarea:FOCUS,
#openComposeDialog\:frmComposeDialogWdgt .ui-selectonemenu:FOCUS{
    color: #495057;
    background-color: #fff;
    border-color: #80bdff;
    outline: 0;
}

#openComposeDialog\:frmComposeDialogWdgt\:pnlSearchCategoryWdgt_content{
	padding: 0 9px;
}

#openComposeDialog\:composePanel > .ui-overlaypanel-content > .ui-panelgrid > .ui-panelgrid-content > .ui-grid-row > .ui-grid-col-6:first-child {
    width: 70% !important;
    padding: 0
}

#openComposeDialog\:frmTemplatesDialogWdgt ul{
    padding: 0;
}

#openComposeDialog\:frmTemplatesDialogWdgt ul {
    list-style: none;
    padding-left: 20px;
    padding-top: 20px;
    position: relative;
    background: #e0e0de;
}

#openComposeDialog\:frmTemplatesDialogWdgt ul li:before {
    content: "\f00c";
    position: absolute;
    font-family: FontAwesome !important;
    color: #225b64;
    line-height: 30px;
    left: 0px;
    font-size: 15px;
}

#openComposeDialog\:frmTemplatesDialogWdgt ul li a{
	color: #67757c;
    padding: 8px 0px;
    display: block;
    text-decoration: none;
    font-size: 14px !important;
}

#openComposeDialog\:frmTemplatesDialogWdgt ul li a:hover {
    color: #1a6f3f;
}

#openComposeDialog\:composePanel .ui-panelgrid-content.ui-widget-content{
	background: #e0e0de !important;
}

.investment-acc-timeline #cvs{
	left: -64px !important;
}

.investment-acc-pie{
	float: right;
}

.investment-acc-pie .ui-datalist-item{
	position: relative;
    left: 5%;
    width: 100%;
    margin: 10px 0;
    padding: 10px 7px 6px 19px;
    border: 1px solid rgb(204, 204, 204);
    border-radius: 5px;
}

.investment-acc-pie .ui-datalist-item:BEFORE {
    content: "\f073";
    font-family: 'FontAwesome';
	position: absolute;
	line-height:40px;
	text-align: center;
	left: -35px;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	background: #225b64;
	z-index:9;
	color: #fff !important
}

.investment-acc-pie .ui-datalist-item:after {
    content: "";
	position: absolute;
	left: -15px;
	width: 1px;
	top: 0px;
	height:120%;
	background: rgb(204, 204, 204);
}

.investment-acc-pie .ui-datalist-item tr:nth-child(even) span{
	font-size: 10px !important;
    color: #7c888e !important;
}

.investment-acc-pie .ui-datalist-item tr:nth-child(odd) span{
	font-size: 13px !important;
    color: #000000 !important;
    font-weight: 400;
}

.investment-acc-timeline table tr td {
    padding: 0 10px;
}


#frmMainDashboard\:pnlAcountDeatils{
        background: none !important;
}

#frmMainDashboard\:pnldash_content .ui-panel-content.ui-widget-content{
    /* padding: 0 !important; */
}


#frmMainDashboard\:board > div:last-child{
    width: 100%; 
     /* min-height: 70vh; */
}

#frmMainDashboard\:pnlExcangeRate_content,
#frmMainDashboard\:pnlExchangeReteContaner{
    padding: 0px 10px 20px 10px !important;
}


#frmMainDashboard\:pnlExchangeReteContaner table thead th:before,
#frmMainDashboard\:pnlExcangeRate_content table thead th:before{
	content: "";
    display: block;
    width: 16px;
    height: 11px;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 10px;
}


.XDR:before,
.XAU:before,
.MRO:before{   
    background: url("/REB/javax.faces.resource/images/no-flag.png.xhtml?ln=primefaces-reb");
    /* background-size: contain; */
    background-repeat: no-repeat;
    background-position: center;
}

.USD:before{   
    background: url("/REB/javax.faces.resource/images/flagicons.png.xhtml?ln=primefaces-reb");
    background-position: -192px -154px;
}

.VUV:before{
    background: url("/REB/javax.faces.resource/images/flagicons.png.xhtml?ln=primefaces-reb");
    background-position: -300px -210px;
}

.AUD:before{
    background: url("/REB/javax.faces.resource/images/flagicons.png.xhtml?ln=primefaces-reb");
    background-position: -208px 0;
}

.NZD:before{
    background: url("/REB/javax.faces.resource/images/flagicons.png.xhtml?ln=primefaces-reb");
    background-position: -176px -110px;
}

.FRF:before{
    background: url("/REB/javax.faces.resource/images/flagicons.png.xhtml?ln=primefaces-reb");
    background-position: -200px -60px;
}

.DEM:before{
    background: url("/REB/javax.faces.resource/images/flagicons.png.xhtml?ln=primefaces-reb");
    background-position: -125px -45px;
}

.JPY:before{
    background: url("/REB/javax.faces.resource/images/flagicons.png.xhtml?ln=primefaces-reb");
    background-position: -32px -77px;
}

.GBP:before{
    background: url("/REB/javax.faces.resource/images/flagicons.png.xhtml?ln=primefaces-reb");
    background-position: -192px -44px;
}

.CHF:before{
    background: url("/REB/javax.faces.resource/images/flagicons.png.xhtml?ln=primefaces-reb");
    background-position: -144px -22px;
}

/*  CFP  */
.XPF:before{
    background: url("/REB/javax.faces.resource/images/flagicons.png.xhtml?ln=primefaces-reb");
    background-position: -175px -30px;
}

.HKD:before{
    background: url("/REB/javax.faces.resource/images/flagicons.png.xhtml?ln=primefaces-reb");
    background-position: -224px -55px;
}

.SGD:before{
    background: url("/REB/javax.faces.resource/images/flagicons.png.xhtml?ln=primefaces-reb");
    background-position: -112px -132px;
}

.FJD:before{
    background: url("/REB/javax.faces.resource/images/flagicons.png.xhtml?ln=primefaces-reb");
    background-position: -100px -60px;
}

.CAD:before{
    background: url("/REB/javax.faces.resource/images/flagicons.png.xhtml?ln=primefaces-reb");
    background-position: -64px -22px;
}

.ITL:before{
    background: url("/REB/javax.faces.resource/images/flagicons.png.xhtml?ln=primefaces-reb");
    background-position: -250px -90px;
}

.DKK:before{
    background: url("/REB/javax.faces.resource/images/flagicons.png.xhtml?ln=primefaces-reb");
    background-position: -128px -33px;
}

.NLG:before{
    background: url("/REB/javax.faces.resource/images/flagicons.png.xhtml?ln=primefaces-reb");
    background-position: -50px -150px;
}

.BEF:before{
    background: url("/REB/javax.faces.resource/images/flagicons.png.xhtml?ln=primefaces-reb");
    background-position: -100px -15px;
}

.MYR:before{
    background: url("/REB/javax.faces.resource/images/flagicons.png.xhtml?ln=primefaces-reb");
    background-position: -224px -99px;
}

.SBD:before{
    background: url("/REB/javax.faces.resource/images/flagicons.png.xhtml?ln=primefaces-reb");
    background-position: -350px -165px;
}

.PGK:before{
    background: url("/REB/javax.faces.resource/images/flagicons.png.xhtml?ln=primefaces-reb");
    background-position: -300px -150px;
}

/*  EUR  */
.XEU:before{
    background: url("/REB/javax.faces.resource/images/flagicons.png.xhtml?ln=primefaces-reb");
    background-position: -50px -60px;
}
/*Adding the messing flags*/
.EUR:before{
    background: url("/REB/javax.faces.resource/images/flagicons.png.xhtml?ln=primefaces-reb");
    background-position: -64px -44px;
}
.SEK:before{
    background: url("/REB/javax.faces.resource/images/flagicons.png.xhtml?ln=primefaces-reb");
    background-position: -50px -60px;
}
.QAR:before{
    background: url("/REB/javax.faces.resource/images/flagicons.png.xhtml?ln=primefaces-reb");
    background-position: -176px -121px;
}
.KWD:before{
    background: url("/REB/javax.faces.resource/images/flagicons.png.xhtml?ln=primefaces-reb");
    background-position: -192px -77px;
}
.OMR:before{
    background: url("/REB/javax.faces.resource/images/flagicons.png.xhtml?ln=primefaces-reb");
    background-position: -192px -110px;
}
.JOD:before{
    background: url("/REB/javax.faces.resource/images/flagicons.png.xhtml?ln=primefaces-reb");
    background-position: -16px -77px;
}
.SAR:before{
    background: url("/REB/javax.faces.resource/images/flagicons.png.xhtml?ln=primefaces-reb");
    background-position: -16px -132px;
}
.NPR:before{
    background: url("/REB/javax.faces.resource/images/flagicons.png.xhtml?ln=primefaces-reb");
    background-position: -128px -110px;
}
.MAD:before{
    background: url("/REB/javax.faces.resource/images/flagicons.png.xhtml?ln=primefaces-reb");
    background-position: -160px -88px;
}
.PHP:before{
    background: url("/REB/javax.faces.resource/images/flagicons.png.xhtml?ln=primefaces-reb");
    background-position: -16px -121px;
}
.PKR:before{
    background: url("/REB/javax.faces.resource/images/flagicons.png.xhtml?ln=primefaces-reb");
    background-position: -32px -121px;
}
.BDT:before{
    background: url("/REB/javax.faces.resource/images/flagicons.png.xhtml?ln=primefaces-reb");
    background-position: -48px -11px;
}
.IDR:before{
    background: url("/REB/javax.faces.resource/images/flagicons.png.xhtml?ln=primefaces-reb");
    background-position: -80px -66px;
}
.TND:before{
    background: url("/REB/javax.faces.resource/images/flagicons.png.xhtml?ln=primefaces-reb");
    background-position: -32px -154px;
}
.BHD:before{
    background: url("/REB/javax.faces.resource/images/flagicons.png.xhtml?ln=primefaces-reb");
    background-position: -112px -11px;
}
.ARS:before{
    background: url("/REB/javax.faces.resource/images/flagicons.png.xhtml?ln=primefaces-reb");
    background-position: -160px 0;
}
.ERB:before{
    background: url("/REB/javax.faces.resource/images/flagicons.png.xhtml?ln=primefaces-reb");
    background-position: -16px -44px;
}
.YER:before{
    background: url("/REB/javax.faces.resource/images/flagicons.png.xhtml?ln=primefaces-reb");
    background-position: -160px -165px;
}
.INR:before{
    background: url("/REB/javax.faces.resource/images/flagicons.png.xhtml?ln=primefaces-reb");
    background-position: -144px -66px;
}
.CYP:before{
    background: url("/REB/javax.faces.resource/images/flagicons.png.xhtml?ln=primefaces-reb");
    background-position: -64px -33px;
}
.AFA:before{
    background: url("/REB/javax.faces.resource/images/flagicons.png.xhtml?ln=primefaces-reb");
    background-position: -48px 0;
}
.BAD:before{
    background: url("/REB/javax.faces.resource/images/flagicons.png.xhtml?ln=primefaces-reb");
    background-position: -16px -11px;
}
.BGL:before{
    background: url("/REB/javax.faces.resource/images/flagicons.png.xhtml?ln=primefaces-reb");
    background-position: -96px -11px;
}
.BOB:before{
    background: url("/REB/javax.faces.resource/images/flagicons.png.xhtml?ln=primefaces-reb");
    background-position: -192px -11px;
}
.BRL:before{
    background: url("/REB/javax.faces.resource/images/flagicons.png.xhtml?ln=primefaces-reb");
    background-position: -208px -11px;
}
.CNY:before{
    background: url("/REB/javax.faces.resource/images/flagicons.png.xhtml?ln=primefaces-reb");
    background-position: -224px -22px;
}
.CZK:before{
    background: url("/REB/javax.faces.resource/images/flagicons.png.xhtml?ln=primefaces-reb");
    background-position: -80px -33px;
}
.DZD:before{
    background: url("/REB/javax.faces.resource/images/flagicons.png.xhtml?ln=primefaces-reb");
    background-position: -176px -33px;
}
.ETB:before{
    background: url("/REB/javax.faces.resource/images/flagicons.png.xhtml?ln=primefaces-reb");
    background-position: -48px -44px;
}
.HRK:before{
    background: url("/REB/javax.faces.resource/images/flagicons.png.xhtml?ln=primefaces-reb");
    background-position: -16px -66px;
}
.HUF:before{
    background: url("/REB/javax.faces.resource/images/flagicons.png.xhtml?ln=primefaces-reb");
    background-position: -48px -66px;
}
.IQD:before{
    background: url("/REB/javax.faces.resource/images/flagicons.png.xhtml?ln=primefaces-reb");
    background-position: -176px -66px;
}
.KPW:before{
    background: url("/REB/javax.faces.resource/images/flagicons.png.xhtml?ln=primefaces-reb");
    background-position: -144px -77px;
}
.KRW:before{
    background: url("/REB/javax.faces.resource/images/flagicons.png.xhtml?ln=primefaces-reb");
    background-position: -160px -77px;
}
.MRO:before{
    background: url("/REB/javax.faces.resource/images/flagicons.png.xhtml?ln=primefaces-reb");
    background-position: -112px -99px;
}
.MVR:before{
    background: url("/REB/javax.faces.resource/images/flagicons.png.xhtml?ln=primefaces-reb");
    background-position: -176px -99px;
}
.PLN:before{
    background: url("/REB/javax.faces.resource/images/flagicons.png.xhtml?ln=primefaces-reb");
    background-position: -48px -121px;
}
.ROL:before{
    background: url("/REB/javax.faces.resource/images/flagicons.png.xhtml?ln=primefaces-reb");
    background-position: -208px -121px;
}
.RUR:before{
    background: url("/REB/javax.faces.resource/images/flagicons.png.xhtml?ln=primefaces-reb");
    background-position: -240px -121px;
}
.SDP:before{
    background: url("/REB/javax.faces.resource/images/flagicons.png.xhtml?ln=primefaces-reb");
    background-position: -80px -132px;
}
.SOS:before{
    background: url("/REB/javax.faces.resource/images/flagicons.png.xhtml?ln=primefaces-reb");
    background-position: -240px -132px;
}
.SZL:before{
    background: url("/REB/javax.faces.resource/images/flagicons.png.xhtml?ln=primefaces-reb");
    background-position: -112px -143px;
}
.TWD:before{
    background: url("/REB/javax.faces.resource/images/flagicons.png.xhtml?ln=primefaces-reb");
    background-position: -112px -154px;
}
.YUN:before{
    background: url("/REB/javax.faces.resource/images/flagicons.png.xhtml?ln=primefaces-reb");
    /* background-position: -112px -154px; */
}
.BYR:before{
    background: url("/REB/javax.faces.resource/images/flagicons.png.xhtml?ln=primefaces-reb");
    background-position: -32px -22px;
}
.KES:before{
    background: url("/REB/javax.faces.resource/images/flagicons.png.xhtml?ln=primefaces-reb");
    background-position: -48px -77px;
}
.UGX:before{
    background: url("/REB/javax.faces.resource/images/flagicons.png.xhtml?ln=primefaces-reb");
    background-position: -160px -154px;
}
.XOF:before{
    background: url("/REB/javax.faces.resource/images/flagicons.png.xhtml?ln=primefaces-reb");
   /*  background-position: -160px -154px; */
}
.MUR:before{
    background: url("/REB/javax.faces.resource/images/flagicons.png.xhtml?ln=primefaces-reb");
    background-position: -160px -99px;
}
.KHR:before{
    background: url("/REB/javax.faces.resource/images/flagicons.png.xhtml?ln=primefaces-reb");
    background-position: -80px -77px;
}
.GNS:before{
    background: url("/REB/javax.faces.resource/images/flagicons.png.xhtml?ln=primefaces-reb");
    background-position: -80px -55px;
}
.GHC:before{
    background: url("/REB/javax.faces.resource/images/flagicons.png.xhtml?ln=primefaces-reb");
    background-position: -16px -55px;
}
.NGN:before{
    background: url("/REB/javax.faces.resource/images/flagicons.png.xhtml?ln=primefaces-reb");
    background-position: -64px -110px;
}
.TTD:before{
    background: url("/REB/javax.faces.resource/images/flagicons.png.xhtml?ln=primefaces-reb");
    background-position: -80px -154px;
}
/*END*/
/* Missing */
.XDR:before{
    
}

/* Missing */
.XAU:before{
    
}

.NOK:before{
    background: url("/REB/javax.faces.resource/images/flagicons.png.xhtml?ln=primefaces-reb");
    background-position: -75px -150px;
}

.SEK:before{
    background: url("/REB/javax.faces.resource/images/flagicons.png.xhtml?ln=primefaces-reb");
    background-position: -96px -132px;
}


.THB:before{
    background: url("/REB/javax.faces.resource/images/flagicons.png.xhtml?ln=primefaces-reb");
    background-position: -192px -143px;
}

.ADP:before{
    background: url("/REB/javax.faces.resource/images/flagicons.png.xhtml?ln=primefaces-reb");
     background-position: -25px 0;
}

.EGP:before{
    background: url("/REB/javax.faces.resource/images/flagicons.png.xhtml?ln=primefaces-reb");
    background-position: -325px -45px;
}

.AED:before{
    background: url("/REB/javax.faces.resource/images/flagicons.png.xhtml?ln=primefaces-reb");
    background-position: -32px 0;
}
.DJF:before{
	background: url("/REB/javax.faces.resource/images/flagicons.png.xhtml?ln=primefaces-reb");
    background-position: -112px -33px;
}
.LKR:before{
	background: url("/REB/javax.faces.resource/images/flagicons.png.xhtml?ln=primefaces-reb");
    background-position: -48px -88px;
}
.LYD:before{
	background: url("/REB/javax.faces.resource/images/flagicons.png.xhtml?ln=primefaces-reb");
    background-position: -144px -88px;
}
/* CDF */
.ZRN:before{
    background: url("/REB/javax.faces.resource/images/flagicons.png.xhtml?ln=primefaces-reb");
    background-position: -150px -30px;
}

.ECS:before{
    background: url("/REB/javax.faces.resource/images/flagicons.png.xhtml?ln=primefaces-reb");
    background-position: -275px -45px;
}

#frmMainDashboard\:pnlExchangeReteContaner,
#frmMainDashboard\:pnlExcangeRate_content{
	padding: 0 30px;
}

#frmMainDashboard\:pnlExchangeReteContaner table,
#frmMainDashboard\:pnlExcangeRate_content table{
	display: block;
    overflow-x: auto;
}

#frmMainDashboard\:pnlExcangeRate_header span.ui-panel-title{
	 font-weight: 500;
	 font-size: 15px;
}

#frmMainDashboard\:pnlExchangeReteContaner .table thead th,
#frmMainDashboard\:pnlExcangeRate_content .table thead th,
#frmMainDashboard\:pnlExchangeReteContaner .table thead td,
#frmMainDashboard\:pnlExcangeRate_content .table thead td{
	border-bottom: none;
	vertical-align: middle;
	font-weight: 400;
    font-size: 14px;
    border-top: none;
    text-align: center;
}

#frmMainDashboard\:pnlExchangeReteContaner .table tbody th,
#frmMainDashboard\:pnlExcangeRate_content  .table tbody th,
#frmMainDashboard\:pnlExchangeReteContaner .table tbody td
#frmMainDashboard\:pnlExcangeRate_content  .table tbody td{
	font-weight: 400;
    font-size: 14px;
}
#frmMainDashboard\:pnlExchangeReteContaner .table thead th,
#frmMainDashboard\:pnlExcangeRate_content  .table thead th,
#frmMainDashboard\:pnlExchangeReteContaner .table tbody td,
#frmMainDashboard\:pnlExcangeRate_content  .table tbody td{
	color: #225b64;
}

#frmMainDashboard\:pnlExchangeReteContaner .table tbody th,
#frmMainDashboard\:pnlExcangeRate_content  .table tbody th{
    text-transform: capitalize;
}

#frmMainDashboard\:pnlExchangeReteContaner table tbody tr,
#frmMainDashboard\:pnlExcangeRate_content  table tbody tr{
	  border-left: 4px solid #fff;
}

#frmMainDashboard\:pnlExchangeReteContaner table tbody tr:hover,
#frmMainDashboard\:pnlExcangeRate_content  table tbody tr:hover{
	  border-left: 4px solid #225b64;
}

#frmMainDashboard\:pnlExchangeReteContaner .table tbody th,
#frmMainDashboard\:pnlExcangeRate_content .table tbody th{
    text-transform: capitalize;   
}

#frmMainDashboard\:pnlApproval_content{
	padding: 20px !important;
}

#frmMainDashboard\:pnlTransactionProcessing_content{
	padding: 10px !important;
}


#frmMainDashboard\:pnlExchangeReteContaner table::-webkit-scrollbar
{
	height: 10px !important;
	background-color: #F5F5F5;
}


#frmMainDashboard\:pnlExchangeReteContaner table::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 5px rgba(255, 255, 255, 0.4);
	background-color: #f5f5f5;
	border-radius: 5px;
	width: 5px !important;
}



#frmMainDashboard\:pnlExchangeReteContaner table::-webkit-scrollbar-thumb
{  
    -webkit-box-shadow: inset 0 0 5px rgba(255, 255, 255, 0.3);
	background-color: #8e8e8e;
	border: 1px solid #ffffff;
	border-radius: 5px;
}


#frmToDoList\:frmNewToDoDialog.its-forms{
    margin-bottom: 0 !important;
}

label#unReadMailsCountId{
    color: #fff;
}

.all-todo-widget{
	padding: 5px 0;
    margin: 0 5px;
}

.todo-widget .ui-state-active span{
    position:relative;
}

.todo-widget .ui-state-active span:before{
	content:"";
	position:absolute;
	width: 140px;
	height: 10px;
	left: 20px;
	border-bottom: 1px solid #929292;
	margin-bottom:10px;
}

#frmToDoList\:dtGrdToDoList_content table table tr td:nth-child(2){
   max-width: 140px;
   overflow: hidden;
   line-height: 120% !important;
}

#frmToDoList\:dtGrdToDoList_content table table tr td:nth-child(3){
	padding:0 5px;
}


#frmToDoList\:dtGrdToDoList_content .ui-state-active{
    background: no-repeat;
}

.todo-widget .ui-state-active span:after{
    content: '';
    position: absolute;
    top: 3px;
    left: 2px;
    width: 5px;
    height: 8px;
    border-right: 2px solid #717171;
    border-bottom: 2px solid #0c0c0c;
    -webkit-transform: rotate(40deg);
    -ms-transform: rotate(40deg);
    transform: rotate(40deg);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform-origin: 100% 100%;
    -ms-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
}


#frmNewsMaintenance\:pnlGrdViewNew .ui-panelgrid-header.ui-widget-header{
    background-color: #225b64  !IMPORTANT;
    BORDER: NONE;
}


#frmNewsMaintenance\:pnlGrdViewNew_content{
	padding: 10px;
}

#frmNewsMaintenance\:txtNewsText{
	border-bottom: 1px solid #ced4da !important;
    border-radius: 3px;
    padding: 5px;
    max-height: 30px !important;
    overflow-y: auto !important;
    margin-bottom: 15px !important
}

#frmNewsMaintenance\:grdCreateDialog_content label{
	margin-bottom: 0;
}

#frmNewsMaintenance\:grdCreateDialog_content input,
#frmNewsMaintenance\:grdCreateDialog_content .ui-selectonemenu{
	margin-bottom: 10px;
}

.compose-container{
/* 	display: inline-block; */
	display: flex !important;
	background: white;
}

.mega-dropdown-menu .compose-container > li{
	display: inline-block;
	/* background-color: #e0e0de; */
	/* margin: 0 5px; */
	padding: 10px;
    flex: 1;
    padding-top: 0;
}

.mega-dropdown-menu .compose-container > li:NTH-CHILD(2){
    border-left: 10px solid #e0e0de;
}

#pnlComposeDialog .ui-panelgrid-cell.Container50.ui-grid-col-6{
	width: 100%;
	/* background: #e0e0de; */
}

.mega-dropdown-menu h4{
     margin: 2px 10px;
    font-size: 18px;
    color: #222;
}

#frmComposeDialogWdgt\:grgComposeDialogWdgt_content > .ui-grid-row:first-child .ui-panelgrid-cell.Container50.ui-grid-col-6:first-child{
    display: none;
}

#frmComposeDialogWdgt\:grgComposeDialogWdgt_content > .ui-grid-row{
   /*  display: inline-block */
}


.mega-dropdown-menu li::-webkit-scrollbar
{
	width: 10px !important;
	background-color: #F5F5F5;
}


.mega-dropdown-menu li::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.4);
	background-color: #f5f5f5;
	border-radius: 5px;
	width: 5px !important;
}



.mega-dropdown-menu li::-webkit-scrollbar-thumb
{  
    -webkit-box-shadow: inset 0 0 5px rgba(0, 0, 0, 0.3);
	background-color: #e2e2e2;
	border: 1px solid #ffffff;
	border-radius: 5px;
}

#frmNewsMaintenance\:pnlEditNew_header label{
    font-weight: 600;
    font-size: 14px !important;
    color: white !important;
}

#frmNewsMaintenance\:pnlEditNew_header span{
    display: inline-block;
    height: 23px;
}

#frmNewsMaintenance{
	background: white;
}

#frmNewsMaintenance\:pnlGrdViewNew{
        margin-bottom: 0;
}


#frmNewsMaintenance\:footerWorkflow button{
	   margin:20px; 
}

#frmMainDashboard\:board .ui-dashboard-column{
    /* width: 100% !important; */
}

input,
textarea{
	background: #fff !important;
}
    
#frmToDoList\:dtGrdToDoList_content{
    color: black;
}

.ui-confirm-dialog-message{
	color: #555555;
}

.ui-confirm-dialog .ui-dialog-buttonpane{
    float: right;
}

.ui-confirm-dialog-message{
    line-height: 20px;
    font-size: 14px;
    font-weight: 400;
}

.mailContent{
    color: black;
}


#pnlMailBox_content .bigicon label{
    line-height: 16px;
    margin-bottom: 0;
}

#frmRibbon .ui-icon {
    font-size: 25px !important;
}

#pnlMailViewer .ui-outputlabel{
    line-height: 25px; 
    margin-bottom: 0;
}


#pnlMailViewer ui-widget-content{
   border: 1px solid #ccc !important;
}


#frmComposeDialogWdgt\:grdMessageReceiverWdgt_content > .ui-grid-row,
#frmComposeDialogWdgt\:grgComposesubjectWdgt_content  > .ui-grid-row{
    display: inline-block;
    width: 50%;
}

#frmComposeDialogWdgt\:lblSendToWdgt{
    font-weight: 500;
    margin: 0 10px;
}

/* #frmComposeDialogWdgt\:grgComposeDialogWdgt{
    height: 25px;
} */

#frmComposeDialogWdgt\:grdMessageReceiverWdgt .ui-grid-row .Container90{
    width: 100% !important;
}


.compose-container h4{
    padding: 10px;
    background: #225b64;
    color: #fff;
    font-size: 17px;
    font-weight: 500;
    margin: 0 -10px;
    margin-bottom: 10px;
}

.compose-container .ui-selectonemenu{
    max-width: 100px;
}


#frmComposeDialogWdgt\:grgComposesubjectWdgt_content .ui-panelgrid-cell.Container50.ui-grid-col-6{
    width: 50% !important;
}


#frmComposeDialogWdgt\:grdFirstNameAndLastWdgt,
#frmComposeDialogWdgt\:lblAccountManagerWdgt{
    display: inline-block;
    margin: 0 10px;
}

#frmComposeDialogWdgt\:lblFromWdgt{
	margin-bottom: 7px;
}

.compose-container .form-group{
    margin: 0;
}


#frmAllTemplates{
	overflow: hidden;
    overflow-y: auto;
    max-height: 390px;
}

#pnlComposeDialog{
	height: 400px;
	overflow-y: auto;
	overflow-x: hidden !important;
}

#frmAllTemplates li{
	font-size: 1rem !important;
    padding: 3px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}
#frmAllTemplates li .fa-check{
	padding-right: 5px;
	color: #225b64 !important;
}
#frmAllTemplates li a{
	color: #000 !important;
	font-size: 1rem !important;
	-webkit-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out
}
#frmAllTemplates li:hover a{
	color: #225b64 !important
}

#frmComposeDialogWdgt\:lblFromWdgt,
#frmComposeDialogWdgt\:lblDrpSubjectWdgt,
#frmComposeDialogWdgt\:lblSendToWdgt,
#frmComposeDialogWdgt\:lblAttachmentWdgt{
    font-weight: 600;
}


#frmComposeDialogWdgt\:grdSelectCustomerIdWdgt_content{
	height: auto;
    top: -32px;
    position: relative;
}

#frmComposeDialogWdgt\:gridBroadCastingToWdgt_content{
	position: relative;
    top: 10px;
}


#frmComposeDialogWdgt\:lblAccountManagerWdgt {
    font-weight: 500 !important;
}


#calendarPanel span.ui-state-active,
#calendarPanel a.ui-state-active{
    background: none !important;
    color: #000000;
}

#frmToDoList\:frmNewToDoDialog\:toDoDueDate_inline .ui-state-active:hover{
    background: #225b64 !important;
}

.ui-fileupload-buttonbar .ui-fileupload-choose input{
    right: -120px !important;
}


#frmComposeDialogWdgt\:uploadBoxWdgt{
	    color: black !important;
}

table .fa-trash-o{
    font-size: 1.8em;
}
/*----------------------- End - Seam theme - hamdy ------------------------------- */
    
a.ui-commandlink.ui-button{
	color: #fff !important;
	border-radius: 3px !important;
}


#frmStandingOrder\:grdSelectMyAccount_content .ui-grid-row{
    width: 50%;
    display: inline-block;
    padding: 5px;
}

.ui-dialog.ui-widget{
	 z-index: 1128 !important;
}

#accountSummaryForm\:panel_assets_liabilities_content .money{
    display: inline-block;
    float: right;
}

#frmAccountStatement\:lblIBAN{
   word-break: break-all;
}


#frmMyHistory\:grdOp3_content .Container40{
    width: 40% !important;
}

#frmUserMaintenance\:lblUserDoc{
    display: none;
}

#frmUserMaintenance\:chkActiveFlag{
     position: relative;
}

#frmUserMaintenance\:chkActiveFlag .ui-chkbox-label{
    POSITION: ABSOLUTE;
    LEFT: 20PX;
    TOP: -5px;
}


#frmSignatoryClssSetup\:grdSignatoryClass_content .Container10{
    width: 20%;
}

#frmSignatoryClssSetup\:grdSignatoryClass_content .Container50{
    width: 60%;
}


#frmSignatoryClssSetup\:grdSignatoryClass_content .ui-picklist-list{
    border: 1px solid #ddd !important;

}

#grdMailDetails_content{
    color: black;
}


#loginForm\:pnlLoginTermsAndConditions,
#loginForm\:cmCustomerChangePassword\:grdChangePWD{
    margin-top: 70px !important;
}

#grdAccountStatement input[type="checkbox"] {
    height: 14px;
    width: 14px;
    border-radius: 0 !important;
    display: inline-block;
    float: left;
    margin: 0px 5px;
    border: 2px solid #757575 !important;
}


#grdAccountStatement{
    background-color: #fff;
}

#grdAccountStatement .ui-panelgrid-footer{
    background-color: #fff;
    border: 0;
}

#customerploicyForm\:cstPolicyFrmPickList td{
    display: inline-block;
}

#customerploicyForm\:enableConsecutiveCharslbl,
#customerploicyForm\:cstPolicyFrmPickList{
    margin: 0 15px !important;
}


#frmComposeDialogWdgt\:drpAccounListWdgt.ui-selectonemenu,
#frmComposeDialogWdgt\:drpSubjectWdgt.ui-selectonemenu{
    max-width: 100% !important;
}

#frmComposeDialogWdgt\:lblSubjectForDrpWdgt{
	/* width: 100% !important; */
}

#frmToDoList\:frmNewToDoDialog\:grdViewToDo_content{
	padding: 5px;
}

#frmToDoList\:frmNewToDoDialog\:grdViewToDo_content .ui-grid-row:nth-child(odd){
    display: inline-block;
    width: 20%;
}

#frmToDoList\:frmNewToDoDialog\:grdViewToDo_content .ui-grid-row:nth-child(even){
    display: inline-block;
    width: 80%;
}

#frmToDoList\:frmNewToDoDialog button{
    float: right;
}

#frmCreditCard\:pgLocalDebitAccount .ui-selectonemenu,
#frmCreditCard\:pgLocalDebitAccount input{
    margin-bottom: 10px !important;
}

#frmCreditCard\:pnlAvailablePledgeBalance{
    height: auto;
    display: block !important;
    width: 100% !important;
   font-weight: 600;
}

#frmCreditCard\:pnlAvailablePledgeBalance > label:nth-child(odd){
    width: 50% !important;
}

#frmCreditCard\:pnlAvailablePledgeBalance > label:nth-child(even){
    width: 40% !important;
}

#frmCreditCard\:pgLocalDebitAccount label{
    margin-bottom: 5px !important;
}


#frmCreditCard\:LimitCurrency{
    position: absolute;
    right: 0;
    /* padding: 10px; */
}

#frmCreditCard\:chkAgreeTermsAndConditions{
    margin: 0;
}

#frmCreditCard\:lblAgreeTermsAndConditions{
    display: inline;
    margin: 0 5px;
}

#frmCreditCard\:pnlCreditCard td.Container100,
#frmCreditCard\:pnlCreditCard .Container50{
    width: 50% !important;
    display: inline-block;
}


#frmCreditCard\:grdEmploymentDeatils_content .ui-currency{
    position: absolute;
    right: 10px;
    padding: 0;
    font-weight: 600;
}

#frmCreditCard\:grdSuppCardAndBankDec .Container5{
    width: 3%;
}

#frmCreditCard\:grdViewCommandButtons_content .Container20 {
    width: auto !important;
}

#frmCreditCard\:grdCardAppTransactionSuccess_content{
    display: block !important;
}

#frmCreditCard\:grdCardAppTransactionSuccess_content .ui-panelgrid-cell.ui-grid-col-12>img{
    padding: 0 !important;
}

#frmCreditCard\:tbSuppCardsAndBankDeclaration\:grdBankDeclaration_content td{
    height: auto;
}
#frmCreditCard\:tbSuppCardsAndBankDeclaration\:grdBankDeclaration_content td > label{
    line-height: 150% !important;
    margin-bottom: -7px !important;
}
#frmCreditCard\:lnkViewTermsAndConditionsCardApp{
	display: block;
}


#frmCreditCard\:btnViewPrintEditApplicationInfo,
#frmCreditCard\:lnkViewExportEditApplicationToPDF{
	display: inline-flex;
    margin-bottom: 9px;
    margin-left: 10px;
    border-radius: 3px;
    line-height: 30px;
    text-transform: uppercase;
    -moz-box-shadow: 0 1px 2.5px 0 rgba(0, 0, 0, 0.26), 0 1px 5px 0 rgba(0, 0, 0, 0.16);
    -webkit-box-shadow: 0 1px 2.5px 0 rgba(0, 0, 0, 0.26), 0 1px 5px 0 rgba(0, 0, 0, 0.16);
    box-shadow: 0 1px 2.5px 0 rgba(0, 0, 0, 0.26), 0 1px 5px 0 rgba(0, 0, 0, 0.16);
    -moz-transition: background-color 0.3s;
    -o-transition: background-color 0.3s;
    -webkit-transition: background-color 0.3s;
    transition: background-color 0.3s;
}

#frmCreditCard\:btnViewPrintEditApplicationInfo,
#frmCreditCard\:lnkViewExportEditApplicationToPDF{
    top: 9px;
}

#frmCreditCard\:btnViewPrintEditApplicationInfo:hover,
#frmCreditCard\:lnkViewExportEditApplicationToPDF:hover{
       background-color: rgb(12, 132, 64)!important;
    border: 1px solid #0f6b37!important;
}

#frmCreditCard\:btnViewPrintEditApplicationInfo label,
#frmCreditCard\:lnkViewExportEditApplicationToPDF label{
   margin: 0 5px;
   color: #fff;
   text-transform: uppercase !important;

}



#frmCreditCard\:btnViewPrintEditApplicationInfo .icon-print,
#frmCreditCard\:lnkViewExportEditApplicationToPDF .icon-file-pdf{
	color: #fff!important;
	margin: auto;
	font-size: 25px !important;
}

#frmCreditCard\:btnPrintEditApplicationInfo,
#frmCreditCard\:lnkExportEditApplicationToPDF{
	display: inline-flex;
    margin-bottom: 9px;
    margin-left: 10px;
    border-radius: 3px;
    line-height: 30px;
    text-transform: uppercase;
    -moz-box-shadow: 0 1px 2.5px 0 rgba(0, 0, 0, 0.26), 0 1px 5px 0 rgba(0, 0, 0, 0.16);
    -webkit-box-shadow: 0 1px 2.5px 0 rgba(0, 0, 0, 0.26), 0 1px 5px 0 rgba(0, 0, 0, 0.16);
    box-shadow: 0 1px 2.5px 0 rgba(0, 0, 0, 0.26), 0 1px 5px 0 rgba(0, 0, 0, 0.16);
    -moz-transition: background-color 0.3s;
    -o-transition: background-color 0.3s;
    -webkit-transition: background-color 0.3s;
    transition: background-color 0.3s;
}

#frmCreditCard\:btnPrintEditApplicationInfo:hover,
#frmCreditCard\:lnkExportEditApplicationToPDF:hover{
	 background-color: rgb(12, 132, 64)!important;
    border: 1px solid #0f6b37!important;
}

#frmCreditCard\:btnPrintEditApplicationInfo label,
#frmCreditCard\:lnkExportEditApplicationToPDF label{
   margin: 0 5px;
   color: #fff;
   text-transform: uppercase !important;

}


#frmCreditCard\:btnPrintEditApplicationInfo .icon-print,
#frmCreditCard\:lnkExportEditApplicationToPDF .icon-file-pdf{
	color: #fff!important;
    margin: auto;
    font-size: 25px !important;
}

#frmCreditCard\:tbSuppCardsAndBankDeclaration\:grdBankDeclaration_content .ui-selectoneradio td:nth-child(even),
#frmCreditCard\:rdoResidenceOwnOrRent td:nth-child(even){
    padding: 0;
    padding-right: 10px;
   /*  margin-top: 10px !important; */
}

#frmCreditCard\:tbSuppCardsAndBankDeclaration\:grdBankDeclaration_content .ui-selectoneradio td:nth-child(even) label,
#frmCreditCard\:rdoResidenceOwnOrRent td:nth-child(even) label{
    /* margin-top: -7px !important; */
}


.last-login,
.last-faild{
    font-size: 11px
}

#frmTransactionshistory\:grdOp3_content .ui-grid-col-3:nth-child(odd){
    width: 15% !important;
}

#frmTransactionshistory\:grdOp3_content .ui-grid-col-3:nth-child(even){
    width: auto !important;
    min-width: 110px;
}

#frmPackageMaintenance\:lnkToPdf{
    border-radius: 3px;

}

#frmPackageMaintenance\:lnkToPdf:hover{
   background-color: rgb(12, 132, 64)!important;
    border: 1px solid #0f6b37!important;
}

#frmPackageMaintenance\:lnkToPdf label{
        color: white !important
}

#frmPackageMaintenance\:lnkToPdf .icon-file-pdf{
    font-size: 22px !important;
}

#frmMaiDetailTable\:tblMails_data tr td:first-child{
       /*  text-align: left !important; */
}

.compose-container{
    overflow: hidden !important;
}


#frmUtilityProductSetup\:chkDeactivated .ui-chkbox-label{
    position: absolute;
    margin: 0;
    margin-left: 5px;
}

#frmUtilityProductSetup\:grdEditUtilityProductItems{
	width: 100%;
}


#thirdPartyForm\:pnlUploadFiles{
    color: black;
}

#thirdPartyForm\:fupAddTermsAndConditionFile_input{
   right: -180px !important;
}


#thirdPartyForm\:fupAddTermsAndConditionFile .ui-fileupload-content{
        overflow: hidden;
}

.main-body .footer-nav li a{
    vertical-align: middle;
}

#frmPackageMaintenance\:tblChargesSetup_data td a{
    position: relative;
    top: 5px;
}

#frmPackageMaintenance\:drpCurency_panel,
#frmPackageMaintenance\:drpCharges_panel{
    position: fixed !important;
    width: 136px !important;
    z-index: 20000 !important;
}

#frmPackageMaintenance\:dlgExecludedCurrencies .ui-dialog-content.ui-widget-content{
	overflow: hidden !important
}

.menu-layout-static.layout-menu-static-inactive .nano-content ul > li ul{
    overflow: auto;
    max-height: 300px;
}

.menu-layout-static.layout-menu-static-inactive .nano-content ul > li ul::-webkit-scrollbar
{
	width: 10px !important;
	background-color: #F5F5F5;
}


.menu-layout-static.layout-menu-static-inactive .nano-content ul > li ul::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 5px rgba(255, 255, 255, 0.4);
	background-color: #f5f5f5;
	border-radius: 5px;
	width: 8px !important;
}



.menu-layout-static.layout-menu-static-inactive .nano-content ul > li ul::-webkit-scrollbar-thumb
{  
    -webkit-box-shadow: inset 0 0 5px rgba(255, 255, 255, 0.3);
	background-color: #c1c1c1;
	border: 1px solid #ffffff;
	border-radius: 5px;
}


#thirdPartyForm\:grdAddTermesAndConditions_content .Container20{
    width: 15% !important;
}


#thirdPartyForm\:fupAddTermsAndConditionFile .ui-fileupload-content{
    padding: 0;
    margin: 0;
    width: 100%;
}

#thirdPartyForm\:fupAddTermsAndConditionFile .ui-progressbar{
    width: 100px !important;
}

#thirdPartyForm\:fupAddTermsAndConditionFile .ui-progressbar-value{
        border-radius: 5px !important;

}

#thirdPartyForm\:grdAddTermesAndConditions_content .Container30:last-child{
    width: 50% !important;
}

#frmUtilityPaymentSetup\:lnkUtilitySetupPrint,
#frmUtilityPaymentSetup\:lnkToPdf,
#frmUtilityProductSetup\:lnkUserMaintenancePrint,
#frmUtilityProductSetup\:lnkTopdf,
#frmUtilityDenomoniationSetup\:lnkDenominationPrint,
#frmUtilityDenomoniationSetup\:lnkToPdf,
#frmInternationalBankSetup\:lnkToPdf,
#frmcreditcardStatementForm\:cmCardDetails\:lnkToPdf,
#frmcreditcardStatementForm\:cmCardDetails\:lnkPrint{
    display: inline-flex;
    margin-bottom: 9px;
    margin-left: 10px;
    border-radius: 3px;
    line-height: 30px;
    text-transform: uppercase;
    -moz-box-shadow: 0 1px 2.5px 0 rgba(0, 0, 0, 0.26), 0 1px 5px 0 rgba(0, 0, 0, 0.16);
    -webkit-box-shadow: 0 1px 2.5px 0 rgba(0, 0, 0, 0.26), 0 1px 5px 0 rgba(0, 0, 0, 0.16);
    box-shadow: 0 1px 2.5px 0 rgba(0, 0, 0, 0.26), 0 1px 5px 0 rgba(0, 0, 0, 0.16);
    -moz-transition: background-color 0.3s;
    -o-transition: background-color 0.3s;
    -webkit-transition: background-color 0.3s;
    transition: background-color 0.3s;
}

#frmUtilityPaymentSetup\:lnkUtilitySetupPrint:hover,
#frmUtilityPaymentSetup\:lnkToPdf:hover,
#frmUtilityProductSetup\:lnkUserMaintenancePrint:hover,
#frmUtilityProductSetup\:lnkTopdf:hover,
#frmUtilityDenomoniationSetup\:lnkDenominationPrint:hover,
#frmUtilityDenomoniationSetup\:lnkToPdf:hover,
#frmInternationalBankSetup\:lnkToPdf:hover,
#frmcreditcardStatementForm\:cmCardDetails\:lnkToPdf:hover,
#frmcreditcardStatementForm\:cmCardDetails\:lnkPrint:hover{
    background-color: rgb(12, 132, 64)!important;
    border: 1px solid #0f6b37!important;
}

#frmUtilityPaymentSetup\:lnkToPdf .icon-file-pdf,
#frmUtilityProductSetup\:lnkTopdf .icon-file-pdf,
#frmUtilityDenomoniationSetup\:lnkToPdf .icon-file-pdf,
#frmInternationalBankSetup\:lnkToPdf .icon-file-pdf,
#frmcreditcardStatementForm\:cmCardDetails\:lnkToPdf .icon-file-pdf{
    font-size: 22px !important;
}

#frmInternationalBankSetup\:lnkToPdf label{
    color: #fff !important;
}

#frmUtilityPaymentSetup\:grdViewUtilityAddress{
	width: 100%;
}

#msgPanel.ui-shadow{
        -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
}

#frmInstagramMaintenance\:pnlGrdViewPost .ui-panelgrid-header.ui-widget-header
	{
	background: #225b64 !important;
}

#frmInstagramMaintenance\:pnlGrdViewPost_content,
	#frmInstagramMaintenance\:grdCreateDialog_content {
	padding: 10px 0;
	color: black;
}

#frmInstagramMaintenance\:pnlGrdViewPost,
	#frmInstagramMaintenance\:footerWorkflow
#frmInstagramMaintenance\:grdCreateDialog,
	#frmInstagramMaintenance\:pnlEditPost {
	margin-bottom: 0;
}

#frmInstagramMaintenance\:footerWorkflow,
	#frmInstagramMaintenance\:grdEditInstagramFooter {
	background: white;
	padding: 0 20px;
}

#frmInstagramMaintenance\:pnlGrdViewPost_content>.ui-grid-row>.Container30:first-child
	{
	width: 30% !important;
}

#frmInstagramMaintenance\:pnlGrdViewPost_content>.ui-grid-row>.Container30:last-child
	{
	width: 70% !important;
}

#instagram-embed-2.instagram-media {
	display: none;
}

#frmInstagramMaintenance\:pnlEditPost hr {
	display: none;
}

#frmInstagramMaintenance {
	background: white;
}

#frmInstagramMaintenance\:confirmDlg label {
	display: block;
}

/* #frmMainDashboard\:pnlBalanceTracker_header {
	display: none;
} */


#frmMainDashboard\:pnlExcangeRate_header .ui-icon,
#frmMainDashboard\:pnlBeneficiary_header .ui-icon,
#frmMainDashboard\:pnlBalanceTracker_closer .ui-icon,
#frmMainDashboard\:pnlCreditCardLimit_header .ui-icon{
    color: #fff !important;
}

#frmMainDashboard\:pnlTxnHistorySearch_content .ui-selectonemenu {
	background: none !important;
}

#frmMainDashboard\:pnlTxnHistorySearch_content .ui-selectonemenu .ui-icon:after,
#frmMainDashboard\:pnlTxnHistorySearch_content .ui-selectonemenu label{
	color: #000;
}

#frmMainDashboard\:pnlBalanceTracker {
	border-radius: 3px;
}

#frmMainDashboard\:pnlTxnHistorySearch_content .ui-grid-row>.ui-panelgrid-cell:first-child label
	{
	line-height: 16px;
	font-size: 14px !important;
	margin-bottom: 0;
}

#frmMainDashboard\:tblsavingDetails_head th {
	background: none;
	border-top: 0 !important;
	border-right: 0 !important;
}

#frmMainDashboard\:tblsavingDetails_head th span {
	color: #fff !important;
	font-size: 14px !important;
	font-weight: 900 !important;
	text-transform: capitalize;
}

#frmMainDashboard\:tblsavingDetails_data tr {
	border-top: 1px solid #e9ecef !important;
	background: none !important;
}

#frmMainDashboard\:tblsavingDetails_data tr{
	 /* border-left: 4px solid #fff !important; */
}

#frmMainDashboard\:tblsavingDetails_data tr:hover td:first-child label{
	    background-color: #ddd;
	    color: #225b64;
}

#frmMainDashboard\:tblsavingDetails_data tr td {
	padding: 14px;
}

#frmMainDashboard\:pnlTxnHistorySearch_content .ui-selectonemenu .ui-icon{
	color: #000;
}

#frmMainDashboard\:pnlBeneficiary_header,
#frmMainDashboard\:pnlBalanceTracker_header,
#frmMainDashboard\:pnlCreditCardLimit_header{
	background: none;
	color: black;
	border: none;
	padding: 21px 34px 2px;
}

#frmMainDashboard\:pnlBeneficiary_header span.ui-panel-title,
#frmMainDashboard\:pnlBalanceTracker_header span.ui-panel-title,
#frmMainDashboard\:pnlCreditCardLimit_header span.ui-panel-title,
#frmMainDashboard\:pnlCreditCardLimit_header span.ui-panel-title{
	font-weight: 500;
	font-size: 15px;
}

#frmMainDashboard\:tblBeneficiarySearchResult_head {
	display: none;
}

#frmMainDashboard\:tblBeneficiarySearchResult_data tr {
	border-top: 1px solid #e9ecef !important;
	background: none !important;
}

#frmMainDashboard\:tblBeneficiarySearchResult_data tr td {
	padding: 5px 10px;
}

.K-beneficiary:before {
	content: "";
	display: block;
	    width: 30px;
	height: 30px !important;
	background: url("/REB/javax.faces.resource/images/logos-small.png.xhtml?ln=primefaces-reb");
	background-size: contain;
	background-repeat: no-repeat;
}

.L-beneficiary:before {
	content: "";
	display: block;
	    width: 30px;
	height: 30px !important;
	background: url("/REB/javax.faces.resource/images/fawri.png.xhtml?ln=primefaces-reb");
	background-size: contain;
	background-repeat: no-repeat;
}

.I-beneficiary:before {
	content: "";
	display: block;
	    width: 30px;
	height: 30px !important;
	background: url("/REB/javax.faces.resource/images/transfer.png.xhtml?ln=primefaces-reb");
	background-size: contain;
	background-repeat: no-repeat;
}

.S-beneficiary:before {
	content: "";
	display: block;
	    width: 30px;
	height: 30px !important;
	background: url("/REB/javax.faces.resource/images/calendar.png.xhtml?ln=primefaces-reb");
	background-size: contain;
	background-repeat: no-repeat;
}

#frmMainDashboard\:tblsavingDetails_data tr td:first-child label{
	background: #225b64;
	color: #fff;
	padding:3px;
	border-radius: 3px;
	-webkit-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out
}

#frmMainDashboard\:lblCardNumber{
	/* display: inline-block;
        margin-right: 20px; */
	font-size: 14px !important;
    margin-bottom: 0 !important;
}


#frmMainDashboard\:pnlBeneficiary_toggler,
#frmMainDashboard\:pnlBalanceTracker_toggler,
#frmMainDashboard\:pnlCreditCardLimit_toggler,
#frmMainDashboard\:pnlExcangeRate_toggler{
   /*  display: none; */
}

#frmMainDashboard\:board .ui-dashboard-column{
    position: relative;
}

#frmMainDashboard\:pnlCreditCardLimit,
#frmMainDashboard\:pnlBeneficiary{
    /* min-height: 430px; */
    display: inline-block; 
    width: 49.8%;  
    /* margin-bottom: 5px !important; */
}

#frmMainDashboard\:pnlBeneficiary{
    /* position: absolute;
    top:0;
    right: 0; */
}

/* #frmMainDashboard\:pnlTxnHistorySearch_content .ui-grid-row .ui-panelgrid-cell:first-child label{
    margin: 0 -15px;
} */

#frmMainDashboard\:pnlTxnHistorySearch_content .ui-grid-row .ui-panelgrid-cell:nth-child(2){
    margin-left: 10px;
    margin-right: 10px;
}



#frmMainDashboard\:tblsavingDetails .ui-datatable-tablewrapper::-webkit-scrollbar
{
	height: 10px !important;
	background-color: #F5F5F5;
}


#frmMainDashboard\:tblsavingDetails .ui-datatable-tablewrapper::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 5px rgba(255, 255, 255, 0.4);
	background-color: #f5f5f5;
	border-radius: 5px;
	height: 5px !important;
}



#frmMainDashboard\:tblsavingDetails .ui-datatable-tablewrapper::-webkit-scrollbar-thumb
{  
    -webkit-box-shadow: inset 0 0 5px rgba(255, 255, 255, 0.3);
	background-color: #8e8e8e;
	border: 1px solid #ffffff;
	border-radius: 5px;
}

#frmMainDashboard\:pnlTxnHistorySearch_content .ui-grid-row .ui-panelgrid-cell{
    padding: 0;
}

#frmMainDashboard\:tblBeneficiarySearchResult_data tr td:nth-child(n+2){
    padding:  5px !important;
}

.credit-amount{
	color: #225b64 !important;
}

.depit-amount{
	color: #c70909 !important;
}

.line-chart-img{
	background: url("/REB/javax.faces.resource/images/line-chart-icon.png.xhtml?ln=primefaces-reb");
	display: block;
    background-repeat: no-repeat;
    background-size: contain;
    height: 20px;
    background-position: center;
}

#frmMainDashboard\:tbAccountsSummary\:tblTransactionAccountsSummary_data td a label{
    color: #333;
    font-weight: 700 !important;
	text-decoration: underline !important
}

#frmLogin\:msgGlobalMessages{
        margin-top: 50px;
}

.S-beneficiary,
.K-beneficiary,
.I-beneficiary,
.L-beneficiary{
	display: block;
}


.L-beneficiary.t:after{
  content: "   Fawri / Fawri+";
  position: absolute !important;
  width: auto;
  overflow: hidden;
  background: #225b64;
  color: #fff;
  padding: 5px;
  border-radius: 5px;     
}


.S-beneficiary.t:after{
  content: "   Standing Order";
  position: absolute !important;
  width: auto;
  overflow: hidden;
  background: #225b64;
  color: #fff;
  padding: 5px;
  border-radius: 5px;     
}

.K-beneficiary.t:after{
  content: "   Transfer Within KFHB";
  position: absolute !important;
  width: auto;
  overflow: hidden;
  background: #225b64;
  color: #fff;
  padding: 5px;
  border-radius: 5px;     
}

.I-beneficiary.t:after{
  content: "   International Transfer";
  position: absolute !important;
  width: auto;
  overflow: hidden;
  background: #225b64;
  color: #fff;
  padding: 5px;
  border-radius: 5px;     
}


#frmMainDashboard\:drpAccountNumber_label{
	width: 140px !important;
}


#grdLoginLayout_content .login-caption{
    /* margin-top: 50px; */
}

.print-div #frmHolidayMasterForm\:pnlHolidayView .ui-widget-content td{
    width: 90%;
    margin: 0 30px;
    padding: 0 !important;
}

.print-div #frmHolidayMasterForm\:pnlHolidayView .ui-widget-content td .ui-grid-row{
    text-align: left;
}


#frmHolidayMasterForm\:pnlHolidayView{
    margin-bottom: 0;
    margin-top: 10px;
}

#keypad-div{
    margin-left: 0px !important;
    margin-top: 0px !important;
}
 
   
/* Responsive  */



@media only screen and (max-width: 667px) and (orientation : portrait) { 
    /* iPhone 6 Portrait */ 
    
    table{
        table-layout: fixed !important;
        overflow-x: scroll !important;
    }
    
    body.login-body {
	    background-size: 50% !important;
	}
	
	.login-panel{
	    margin: 0 !important;
	}
	
   .login-slider,
    .ticker-news-login{
        display: none !important;
    }

    .header .logo{
        right: 10px !important;
    }  

    .support-text{
      top: auto !important;
      left: 10px;
      font-size: .6em !important;
      font-weight: 200 !important;
      margin-top: 5px;
    }

    .support-text label{
        margin-bottom: 2px;
    }

    .support-text>label:last-child:before{
        font-size: 1em;
    }

    .header .logo img{
        width: 150px;
    }

    .login-container{
        width: 90% !important;
        margin: 0 auto !important;
    }
    
    .login-panel{
        width: 100% !important;
        padding: 10px !important;
    }

    .bank-services{
        display: block !important;
        top: 86% !important;
        width: 80% !important;
        margin: 0 auto !important;
        left: 0 !important;
        right: 0 !important;
    }
   
   .bank-services div{
       display: inline-block !important;
       border-bottom: none !important;
       width: 24%;
   }

   .bank-services div span{
       display: none;
   }

   .bank-services div>a {
        font-size: 2.5em;
    }
    
    ul.tools-calc-list{
    	right: -7px !important;
    	bottom: 40px !important;
    	left: auto !important;
    	top: auto !important;
    }
    
    .footerLogin{
    	padding: 5px 0 !important;
    	height: auto !important;
    }
    
    .right-widgets{
        display:none;
    }
    
    #topbar-menu-button,
    .user-info,
    .ticker-news-home{
        display: none !important;
    }
    
    .layout-wrapper .topbar .topbar-right #menu-button{
    	top: 15px !important;
    }
    
    .layout-wrapper .topbar .topbar-right #menu-button i:before{
    	font-size: 30px !important;
    }
    
    .menu-scroll-content ul li span{
        color: #212121;
    }
    
    .print-me-main{
        width: 100% !important;
    }
    
    #frmMainDashboard\:pnlExcangeRate_header{
        padding: 5px !important;
    }
    
    #frmMainDashboard\:pnlExcangeRate_content{
    	padding-bottom: 0 !important;
    }
}

.onlineRegFooterBtns > .ui-g-12{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
}
.onlineRegFooterBtns > .ui-g-12 > button{
	padding-left: 33px !important;
	background-color: #225b64;
    border: none;
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}
.onlineRegFooterBtns > .ui-g-12 > button:hover{
    background-color: #424242;
}
.onlineRegFooterBtns > .ui-g-12 > button > .ui-icon{
	margin-left: 0px !important;
	font-size: 20px;
    top: 44%;
    left: 5%;
}

#frmBillPaymentSetup\:lstPickListDepart {
	color: black;
}

#frmBillPaymentSetup\:lstPickListDepart .ui-picklist-list {
/* 	border: 1px solid #ced4da !important; */
}

#frmBillPaymentSetup\:lblCreateHeader {
	color: white;
}

#frmBillPaymentSetup\:configBillDialog .ui-dialog-content.ui-widget-content{
	overflow-x: hidden !important;
	overflow-y: auto !important
}

#frmBillPaymentSetup\:grdViewBillPayementItems_content .its-forms {
	margin-bottom: 0;
}

#frmBillPaymentSetup\:grdViewBillPayementItems_content {
	padding: 10px;
}

#frmBillPaymentSetup\:grdViewBillPayementItems_content .ui-panelgrid-content
	{
	margin-bottom: 0;
}

#frmLogin\:msgGlobalMessages .ui-messages-warn.ui-corner-all {
	margin-top: 50px;
}

#frmBills\:billWdgtPnl_header {
	background: white;
	margin-left: 20px;
	padding-top: 10px;
	padding-bottom: 0;
}

#frmBills\:billWdgtPnl_header .ui-panel-title {
	font-size: 15px;
	font-weight: 400;
	color: black
}

#frmBills\:billWdgtPnl_content table td {
	padding-bottom: 10px;
}

#frmBills\:billWdgtPnl_content table td:first-child {
	padding-right: 0px;
}

#frmBills\:billWdgtPnl_content table td:last-child {
	padding-left: 2px;
}

#loginForm\:tlaPnlGridPass_content, #loginForm\:pnlTLASetup {
	margin-top: 65px;
}

#frmSecurityImageSetup .ImgSecSetup.printMe .ui-grid-row:first-child .ui-panelgrid-cell.ui-grid-col-12
	{
	color: green;
	text-align: center;
}

#frmSecurityImageSetup .ImgSecSetup.printMe .ui-grid-row:first-child .ui-panelgrid-cell.ui-grid-col-12 img
	{
	width: auto;
}

#frmSecurityImageSetup\:imgSecurityImage {
	width: auto;
	height: 200px;
}

#frmSecurityImageSetup\:tblImageSetupResult_content .srtipLinkActions a
	{
	color: white !important;
	font-size: 25px !important;
}

#frmSecurityImageSetup\:tblImageSetupResult_content .srtipLinkActions a.ui-icon-trash:before
	{
	content: "\f014";
	font-family: 'FontAwesome';
}

#frmSecurityImageSetup\:pnlGrdAddIMAGE_content .ui-fileupload-buttonbar .ui-button
	{
	margin-right: 10px !important;
}

#loginForm\:grdImagesWithRadios_content td img {
	width: 70px;
}

#loginForm\:pnlChooseQustions_content .ui-grid-row {
	display: block !important;
}

#frmSecurityImageSetup\:imagesGrid_content .ImgDataGrid .ui-radiobutton-box:after
	{
	display: none;
}

#frmSecurityImageSetup .ImgSecSetup.ScrollCnt>div {
	overflow: hidden;
	overflow-x: hidden;
	height: auto;
}

#loginForm\:imgSecretImage {
	margin-top: 50px;
	max-width: 100%;
}

#questionsSetupForm\:lnkTopdf, #questionsSetupForm\:lnkPrint {
	border-radius: 3px;
}

#questionsSetupForm\:lnkTopdf:hover, #questionsSetupForm\:lnkPrint:hover
	{
	background-color: rgb(12, 132, 64) !important;
	border: 1px solid #0f6b37 !important;
}

#questionsSetupForm\:lnkTopdf .icon-file-pdf {
	font-size: 16px !important;
}

#frmSecurityImageSetup\:tblImageSetupResult_content .ImgDataGrid .img-style
	{
	width: 100% !important;
	height: auto !important;
}

#questionsSetupForm\:pnlGrdViewQuestion_content .Container30 {
	width: 30%;
}

#loginForm\:hidIsExternalMode+div>.ui-panelgrid-content {
	margin-top: 50px;
}

#topbar-menu-button .material-icons {
	display: none;
}

#frmUserRole\:lnkRoleTopdf,
	#frmCustomerRegistration\:lnkExportCustomerToPDF {
	border-radius: 3px;
}

#frmUserRole\:lnkRoleTopdf:hover,
	#frmCustomerRegistration\:lnkExportCustomerToPDF:hover {
	background-color: rgb(12, 132, 64) !important;
	border: 1px solid #0f6b37 !important;
}

#frmUserRole\:lnkRoleTopdf .icon-file-pdf,
	#frmCustomerRegistration\:lnkExportCustomerToPDF .icon-file-pdf {
	color: #fff !important;
	font-size: 25px !important;
	margin-left: -5px;
}

#frmBillPaymentSetup\:lstPickListDepart .ui-state-highlight {
	background: #b3b3b3 !important;
}

#frmPackageMaintenance\:grdViewMaintenancePackage table {
	width: 100% !important;
}

#frmUtilityPaymentSetup\:grdViewUtility {
	width: 100%;
}

#frmUtilityPaymentSetup\:grdViewUtility .width33 {
	width: 50% !important;
}

#frmInestAccountForm\:compSuccessSectionInvestAccount\:grdTransactionSuccess_content img,
	#frmAtmCard\:compSuccessSectionATMCard\:grdTransactionSuccess_content img,
	#frmStandingOrder\:compSuccessSectionStandingOrder\:grdTransactionSuccess_content img
	{
	width: auto;
}

#frm_BANK_CEB_TRANSFER_SERVICE_TYPE, #frm_SYS_FUNCTIONS, #frm_its_status,
	#frm_its_status_type, #frm_gen_label_values, #frm_gen_languages {
	background: #fff;
	padding-top: 10px !important;
}

#frm_BANK_CEB_TRANSFER_SERVICE_TYPE\:BANK_CEB_TRANSFER_SERVICE_TYPE_form,
	#frm_SYS_FUNCTIONS\:SYS_FUNCTIONS_form,
	#frm_its_status\:its_status_form,
	#frm_its_status_type\:its_status_type_form,
	#frm_gen_label_values\:gen_label_values_form,
	#frm_gen_languages\:gen_languages_form {
	margin: 20px !important;
}

#accountTypeSetupForm\:treeAccountType {
	color: black;
}

#frmToDoList\:newToDoDialog,
	#frmToDoList\:frmNewToDoDialog\:drpSelectType_panel {
	z-index: 1100 !important;
}

.todo-widget .ui-state-active span:after {
	content: '';
}

#accountTypeSetupForm\:treeAccountType .ui-state-highlight {
	background: gray !important;
	padding: 2px;
}

#frmAdvMaintenance\:pnlAddAdvertisement_header .ui-panel-title {
	margin: 0;
}

#frmAdvMaintenance\:lblMainHeader {
	color: white !important;
	margin: 0;
	padding: 5px;
}

#frmAdvMaintenance\:grdCreateDialog_content>.ui-grid-row:nth-child(3) .Container100
	{
	padding: 0;
}

#frmAdvMaintenance\:grdCreateDialog_content>.ui-grid-row:nth-child(4) {
	display: inline-block;
}

#frmAdvMaintenance\:grdCreateDialog_content>.ui-grid-row:nth-child(5) {
	display: inline-block;
	float: left;
}

#frmAdvMaintenance\:grdCreateDialog_content>.ui-grid-row:nth-child(5) .Container100
	{
	padding-right: 0;
}

#frmAdvMaintenance\:lstPickListPkgs {
	color: black;
}

#frmAdvMaintenance\:lstPickListPkgs .ui-picklist-list-wrapper {
	border: 1px solid #b3b3b3;
}

#frmAdvMaintenance\:lstPickListPkgs .ui-state-highlight {
	background: #b3b3b3 !important;
}

#frmAdvMaintenance\:grdCreateDialog_content>.ui-grid-row:nth-last-child(2)
	{
	display: inline-block;
	margin-top: 10px;
}

#frmAdvMaintenance\:grdCreateDialog_content>.ui-grid-row:last-child {
	display: inline-block;
	float: left;
	margin-top: 10px;
}

#frmAdvMaintenance\:grdCreateDialog_content>.ui-grid-row:last-child .Container100
	{
	padding-right: 0;
}

#frmAdvMaintenance\:checkBoxImgStatus {
	float: left;
	margin: 0;
	margin-right: 10px;
}

#frmAdvMaintenance\:uploadFile_input {
	left: 0 !important;
}

#frmAdvMaintenance\:grdCreateImage_content img {
	width: 100%;
}

#frmAdvMaintenance\:tblAdvertisement_content .ui-grid-col-4 img {
	width: 100% !important;
	height: 200px;
}

.adv-view:after {
	content: "\f06e";
	font-family: 'FontAwesome';
}

.adv-edit:after {
	content: "\f040";
	font-family: 'FontAwesome';
}

.adv-delete:after {
	content: "\f014";
	font-family: 'FontAwesome';
}

.adv-controls a:after {
	color: white;
	margin: 0 3px;
	font-size: 16px;
}

.adv-cntainer .ui-panel-content {
	position: relative;
	padding: 0 !important;
}

.adv-controls {
	position: absolute !important;
	bottom: 0px;
	margin: 0 !important;
	width: 100%;
	background: rgba(60, 60, 60, 0.86);
}

.adv-controls .ui-widget-header {
	height: 25px;
	padding: 6px 3px !important;
}

.adv-title {
	position: absolute;
    right: 0;
    bottom: 3px;
    padding: 0px 8px;
    width: 70%;
    overflow: hidden;
    height: 20px;
    text-align: right;
    line-height: 20px;
}

#frmAdvMaintenance\:viewPreviewDlg .ui-dialog-content.ui-widget-content,
#frmAdvMaintenance\:PreviewDlg .ui-dialog-content.ui-widget-content{
	overflow: hidden;
	height: auto;
}

#frmAdvMaintenance\:viewImageSwitchId .ui-panel-content.ui-widget-content,
	#frmAdvMaintenance\:viewImageSwitchId .ui-panel-content.ui-widget-content img,
	#frmAdvMaintenance\:PreviewDlg .ui-dialog-content.ui-widget-content img
	{
	width: 100% !important;
}

#frmAdvMaintenance\:tblAdvertisement_content {
	margin: 0 25px;
}

#frmAdvMaintenance\:tblAdvertisement_paginator_bottom {
	background: none;
	border: none;
}

#frmAdvMaintenance\:tblAdvertisement{
	position: relative;
}

#frmAdvMaintenance\:tblAdvertisement_paginator_bottom .ui-paginator-prev
	{
	position: absolute;
	top: 50%;
	background: #000000;
	left: 0;
}

#frmAdvMaintenance\:tblAdvertisement_paginator_bottom .ui-paginator-next
	{
	position: absolute;
	top: 50%;
	background: #000000;
	right: 0;
}

#frmAdvMaintenance\:tblAdvertisement .ui-datagrid-header{
	margin-bottom: 15px;
}

#frmAdvMaintenance\:tblAdvertisement label{
	    color: white;
    font-weight: 500;
    font-size: 16px !important;
    margin-bottom: 0;
    padding: 3px;
}

#frmLoginAdsList\:imageSwitchId,
#frmLoginAdsList\:imageSwitchId > div,
#frmLoginAdsList\:imageSwitchId img,
#frmHomeAdsList\:imageSwitchId,
#frmHomeAdsList\:imageSwitchId > div,
#frmHomeAdsList\:imageSwitchId img{
	width: 100% !important;
}

#frmLoginAdsList\:imageSwitchId label,
#frmAdvMaintenancet\:viewImageSwitchId label,
#frmAdvMaintenance\:imageSwitchId label{
	overflow-wrap: break-word;
	display: block;
}
#frmAdvMaintenance\:grdImageView_content img{
	 width: 100%;
}


.login-slider{
	position: relative;
	height: 436px !important;
}

#frmLoginAdsList\:prev{
	position: absolute;
	left: 0;
	top: 30%;
	z-index:10;
	background: none;
	border: 0;
	box-shadow: none;
}

#frmLoginAdsList\:next{
	position: absolute;
	right: 0;
	top: 30%;
	z-index:10;	
	background: none;
	border: 0;
	box-shadow: none;
}

#frmLoginAdsList\:prev .ui-button-icon-left:after{
	content: "\f053";
	font-family: "fontAwesome";
}

#frmLoginAdsList\:next .ui-button-icon-left:after{
	content: "\f054";
	font-family: "fontAwesome"
}

#frmLoginAdsList\:prev.ui-state-hover,
#frmLoginAdsList\:next.ui-state-hover{
	background: none !important;
	border: 0 !important;
}


#frmLoginAdsList\:imageSwitchId .ui-panel-content.ui-widget-content{
	padding: 0;
	height: 430px !important;
	position: relative;	
}

#frmAdvMaintenance\:imageSwitchId .ui-panel-content.ui-widget-content{
	min-width: 470px;
}

#frmLoginAdsList\:imageSwitchId .advPic img{
	height: 60% !important;
}

#frmAdvMaintenance\:imageSwitchId .advPic{
	height: 300px !important;
}


.home-slider{
	position: relative;
}

#frmHomeAdsList\:prev{
	position: absolute;
	left: 0;
	top: 30%;
	z-index:10;
	background: none;
	border: 0;
	box-shadow: none;
}

#frmHomeAdsList\:next{
	position: absolute;
	right: 0;
	top: 30%;
	z-index:10;	
	background: none;
	border: 0;
	box-shadow: none;
}

#frmHomeAdsList\:prev .ui-button-icon-left:after{
	content: "\f053";
	font-family: "fontAwesome";
}

#frmHomeAdsList\:next .ui-button-icon-left:after{
	content: "\f054";
	font-family: "fontAwesome"
}

#frmHomeAdsList\:prev.ui-state-hover,
#frmHomeAdsList\:next.ui-state-hover{
	background: none !important;
	border: 0 !important;
}


#frmHomeAdsList\:imageSwitchId .ui-panel-content.ui-widget-content{
	padding: 0;
	position: relative;
	height: 250px;
}

#frmHomeAdsList\:imageSwitchId .advPic img{
	height: 250px;
}


#frmAdvMaintenance\:viewImageSwitchId .ui-panel-content.ui-widget-content{
	padding: 0 !important;
	height: 430px !important;
	position: relative;
}


#frmAdvMaintenance\:viewImageSwitchId img.advPic{
	height: 60% !important;
}


#frmHomeAdsList\:imageSwitchId,
#frmAdvMaintenance\:viewImageSwitchId{
	position: relative;
}

#frmHomeAdsList\:imageSwitchId .advContent{
	position: absolute;
	bottom: 0;
	background: #00000078;
	width: 100%;
	padding: 5px;
}

#frmHomeAdsList\:imageSwitchId .advContent label:first-child,
#frmAdvMaintenance\:viewImageSwitchId .advContent label:first-child,
#frmAdvMaintenance\:imageSwitchId label:first-child{
	border-left: 1px solid white;
	padding-left: 5px;
}

#frmHomeAdsList\:imageSwitchId .advContent label,
#frmAdvMaintenance\:viewImageSwitchId .advContent label,
#frmAdvMaintenance\:imageSwitchId label:first-child{
	color: white;
	display: block;
    overflow-wrap: break-word;
}

 #frmAdvMaintenance\:viewImageSwitchId .ui-panel-content.ui-widget-content{
 	min-width: 460px !important;
 }


/* Responsive  */
.layout-main, .main-content {
	min-height: 105vh !important;
}

.footer {
	position: relative !important;
}

@media only screen and (max-width: 1240px) {
	.ticker-news-login, .ticker-news-home {
		/* width: 40% !important; */
	}
}

@media only screen and (max-width: 1024px) and (orientation :
	portrait) {
	#topbar-menu-button, .ticker-news-login, .ticker-news-home {
		display: none !important;
	}
	.user-info {
		/* width: 70% !important; */
		margin-left: -80px !important;
	}
	.ticker-news-home {
		/* width: 50%; */
	}
}

@media only screen and (max-width: 667px) and (orientation :
	portrait) {
	/* iPhone 6 Portrait */
	table {
		table-layout: fixed !important;
		overflow-x: scroll !important;
	}
	body.login-body {
		background-size: 50% !important;
	}
	.login-panel {
		margin: 0 !important;
	}
	.login-slider, .ticker-news-login {
		display: none !important;
	}
	
	#its-center{
        width: 100%;
        padding: 4px !important;
    }
    
    div#frmMainDashboard\:board .ui-dashboard-column {
        width: 100% !important;
    }
    
	.header {
		height: 70px;
	}
	.header .logo {
		right: 10px !important;
	}
	.support-text {
		top: auto !important;
		left: 10px;
		font-size: .6em !important;
		font-weight: 200 !important;
		margin-top: 5px;
	}
	.support-text label {
		margin-bottom: 2px;
	}
	.support-text>label:last-child:before {
		font-size: 1em;
	}
	.header .logo img {
		width: 150px;
	}
	.login-container {
		width: 90% !important;
		margin: 0 auto !important;
		padding-top: 25px !important;
	}
	.login-panel {
		width: 100% !important;
		padding: 10px !important;
	}
	.bank-services {
		display: block !important;
	    top: 68% !important;
	    width: 90% !important;
	    margin: 0 auto !important;
	    left: 0 !important;
	    right: 0 !important;
	}
	.bank-services div {
		display: inline-block !important;
		border-bottom: none !important;
		width: 24%;
	}
	.bank-services div span {
		display: none;
	}
	.bank-services div>a {
		font-size: 2.5em;
	}
	ul.tools-calc-list {
		right: -7px !important;
		bottom: 40px !important;
		left: auto !important;
		top: auto !important;
	}
	[dir='rtl'] ul.tools-calc-list {
		left: -7px !important;
		right: auto !important;
	}
	.footerLogin {
		padding: 5px 0 !important;
		height: auto !important;
	}
	.right-widgets {
		display: none;
	}
	.copyright-block {
		display: none !important;
	}
	#topbar-menu-button, .user-info, .ticker-news-home {
		display: none !important;
	}
	.layout-wrapper .topbar .topbar-right #menu-button {
		top: 15px !important;
	}
	.layout-wrapper .topbar .topbar-right #menu-button i:before {
		font-size: 30px !important;
	}
	.menu-scroll-content ul li span {
		color: #212121;
	}
	.print-me-main {
		width: 100% !important;
	}
	#frmMainDashboard\:pnlExcangeRate_header {
		padding: 5px !important;
	}
	#frmMainDashboard\:pnlExcangeRate_content {
		padding-bottom: 0 !important;
	}
	#grdLoginLayout {
		margin-bottom: 45px !important;
	}
	.support-text {
		top: 10px !important;
	}
	div#msgPanel {
		margin-left: 2.5px;
	}
	.compose-container {
		overflow-y: auto;
	}
	#frmComposeDialogWdgt\:grgComposesubjectWdgt_content .ui-panelgrid-cell.Container50.ui-grid-col-6
		{
		width: 100% !important;
	}
	.mega-dropdown-menu .Container50.ui-grid-col-4, .mega-dropdown-menu .Container40.ui-grid-col-4
		{
		WIDTH: 100% !important;
	}
	.layout-wrapper .topbar-items>li>a .topbar-badge {
		padding: 5px;
	}
	#frmMainDashboard\:pnlCreditCardLimit, #frmMainDashboard\:pnlBeneficiary
		{
		width: 100%;
	}
	#frmMainDashboard\:pnlTxnHistorySearch_content .ui-grid-row .ui-panelgrid-cell:nth-child(2)
		{
		margin-left: 0;
		margin-right: 0;
	}
	#frmPackageMaintenance\:pnlcategoryDetailsl_content,
		#propertiesForm\:propertiesPanel_content {
		overflow-x: auto;
	}
	#frmPackageMaintenance\:grdProductsDetailsFooter,
		#frmUtilityPaymentSetup\:grdEditUtilityFooter,
		#frmLocalTransfer\:pnlinternationalTransfer_content,
		#frmAccountStatement\:pnlAccountStatmentResult_content,
		#frmLocalTransfer\:pnlinternationalTransfer_content,
		#frmExchangeRate\:pnlExchangeRateMaster_content,
		#frmLocalTransfer\:pnllocalTransfer_content, #frmTermDeposit,
		#frmBatchUpdate\:pnlBatchUpdateTable_footer,
		#frmCreditCardTypeSetup\:pnlCreditCardTypeSetup_content,
		#accountTypeSetupForm\:PGViewPage_content,
		#frmSecurityImageSetup\:tblImageSetupResult_paginator_bottom,
		#frmExchangeRate\:tblExchangeRate, #workflowForm\:tblWorkflow .ui-datatable-footer,
		#frmUtilityProductSetup\:tblUtilityProductSearchResult_paginator_bottom
		{
		margin-bottom: 20px;
	}
	#frm_SYS_FUNCTIONS\:tbl_SYS_FUNCTIONS,
		#frmMainWorkflow\:pnlWorkflowMainSub_content,
		#frmInstagramMaintenance\:footerWorkflow, #ploicyForm\:btnBackToMain,
		#frmMainWorkflow\:pnlWorkflowMainSub_content {
		margin-bottom: 35px;
	}
	#pnlGroupMainContent {
		background: none;
		margin-bottom: 20px;
	}
	#frmUtilityPaymentSetup\:grdEditUtilityAll>tbody>tr>td {
		display: block !important;
		width: 100% !important;
	}
	#frmUtilityPaymentSetup\:grdEditUtilityAll>tbody>tr>td .width33 {
		width: 50%;
	}
	#frmUtilityPaymentSetup\:grdEditUtilityAddress {
		width: 100%;
	}
	#frmUtilityPaymentSetup\:grdEditUtilityAddress>tbody>tr>td.width25 {
		width: 50% !important;
	}
	#cvs_rgraph_domtext_wrapper #cvs {
		left: -12px !important;
	}
	.investment-acc-timeline table {
		top: -50% !important;
		right: 52% !important;
		overflow-x: hidden !important;
	}
	#frmMainDashboard\:pnlBeneficiaryMaintenancePageResults {
		width: 100% !important;
		margin: 0;
	}
	#canvas1.chartjs-render-monitor {
		width: 100% !important;
		height: auto !important;
		margin-bottom: 20px;
	}
	#frmBillPaymentSetup\:grdConfigBill_content {
		overflow: auto;
	}
	#frmUserMaintenance\:grdUserPrevlidges tr>td:first-child,
		#frmUserMaintenance\:grdDepartements  tr>td:first-child {
		width: 25%;
	}
	#frmUserMaintenance\:grdUserPrevlidges tr>td:nth-child(2),
		#frmUserMaintenance\:grdDepartements  tr>td:nth-child(2) {
		overflow-x: auto;
	}
}

/* Arabic start  */
[dir=rtl] .logo-home img {
	margin-right: 60px;
	margin-left: auto;
}

[dir="rtl"] .layout-wrapper .topbar .topbar-left {
	display: none;
}

[dir="rtl"] .layout-wrapper .layout-menu.layout-menu-dark ul.ultima-menu li a
	{
	text-align: right;
	height: 42px;
}

[dir="rtl"] .print-me-main {
	float: left;
    width: 100%;
    padding-right: 5px;
}

[dir="rtl"] .right-widgets {
	float: left;
}

[dir="rtl"] .login-panel span>label {
	text-align: right;
}

[dir="rtl"] .ti_slide {
	right: 0;
	left: auto;
}

[dir="rtl"] .ti_content, [dir="rtl"] .ti_news {
	float: right;
	display: flex;
}

[dir="rtl"] .ui-radiobutton .ui-radiobutton-box .ui-icon-bullet {
	right: -4px;
	left: auto;
}

[dir='rtl'] .card-head {
	float: right !important;
}

[dir='rtl'] .card-body.todo-widget div:nth-child(2) {
	float: right !important;
}

[dir='rtl'] .card-body.todo-widget div:nth-child(3) {
	float: left !important;
}

[dir='rtl'] .todo-widget tr {
	float: right;
}

[dir='rtl'] .todo-widget .ui-state-active span:before {
	right: 20px;
	left: auto;
}

[dir='rtl'] .todo-widget .ui-state-active span:after {
	right: 7px !important;
	left: auto !important;
}

[dir='rtl'] .layout-wrapper .topbar-items>li {
	margin-right: 8px;
	margin-left: 0;
}

[dir='rtl'] .layout-wrapper .topbar-items {
	float: left;
	display: flex;
	flex-direction: row-reverse;
}

[dir='rtl'] #frmLogin\:btnLogin .ui-button-text:after,
[dir='rtl'] #frmLogin\:btnSelectRole .ui-button-text:after,
[dir='rtl'] #loginForm\:btnLogin .ui-button-text:after {
	content: "\f090";
	font-family: 'FontAwesome';
	margin: 0 5px;
}

[dir='ltr'] #frmLogin\:btnLogin .ui-button-text:before,
[dir='ltr'] #frmLogin\:btnSelectRole .ui-button-text:before,
[dir='ltr'] #loginForm\:btnLogin .ui-button-text:before {
	content: "\f090";
	font-family: 'FontAwesome';
	margin: 0 5px;
}

#loginForm\:lnkForgotPass .ui-button-icon-left {
	display: none;
}

[dir='rtl'] #loginForm\:lnkForgotPass .ui-button-text:after {
	content: "\f059";
	font-family: 'FontAwesome';
	margin: 0 5px;
	font-size: 16px !important
}

[dir='ltr'] #loginForm\:lnkForgotPass .ui-button-text:before {
	content: "\f059";
	font-family: 'FontAwesome';
	margin: 0 5px;
	font-size: 16px !important
}

#loginForm\:loginAjaxIcon_content .ui-outputlabel-rfi {
	/* position: relative */
}

[dir='rtl'] #frmComposeDialogWdgt .ui-radiobutton-box .ui-radiobutton-icon
	{
	right: -2px !important;
}

[dir='rtl'] #frmToDoList\:frmNewToDoDialog\:toDoDueDate_inline .ui-datepicker-calendar a
	{
	text-align: center;
}

@media only screen and (max-width: 414px) and (min-width:
	360px) and (orientation: portrait) {
	[dir='rtl'] .ui-breadcrumb {
		float: right;
	}
}

[dir='rtl'] .ui-outputlabel .ui-outputlabel-rfi {
	margin-left: auto !important;
	margin-right: 100% !important;
}

[dir='rtl'] ul.tools-calc-list {
	right: 100px !important;
	left: auto;
}

[dir='rtl'] .tools-calc-list>* {
	text-align: right;
}

[dir='rtl'] .tools-calc-list li a {
	padding-right: 10px;
	padding-left: auto;
}

[dir='rtl'] .tools-calc-list>li:hover {
	padding-right: 15px;
}

[dir='rtl'] .header .logo {
	right: auto;
	left: 30px;
}

[dir='rtl'] .support-text {
	left: auto;
	right: 30px;
}

[dir='rtl'] .login-slider .advContent {
	text-align: right;
}

[dir='rtl'] #frmLoginAdsList\:imageSwitchId .advContent>.advTitle {
	border-left: none !important;
	border-right: 2px solid #fff !important;
}

[dir='rtl'] #loginForm .ui-icon {
	transform: scaleX(-1);
}

[dir='rtl'] .onlineRegFooterBtns>.ui-g-12>button>.ui-icon {
	margin-right: 0px !important;
	right: 5%;
}

[dir='rtl'] .ui-fluid .register-online .ui-button {
	padding: .1em 3.1em 0.3em 1.1em !important;
}

[dir='rtl'] body .md-inputfield label {
	left: auto !important;
	right: 5px !important;
}

[dir='rtl'] .ui-g-12 .header {
	text-align: right;
}

[dir='rtl'] #frmHomeAdsList\:imageSwitchId .advContent label:first-child,
	[dir='rtl'] #frmAdvMaintenance\:viewImageSwitchId .advContent label:first-child,
	[dir='rtl'] #frmAdvMaintenance\:imageSwitchId label:first-child {
	border-right: 1px solid white;
	border-left: 0;
	padding-right: 5px;
}

[dir='rtl'] #frmBills\:billPaymentHeader i {
	padding-left: 6px;
}

[dir='rtl'] .RebMenuItems ul>li:hover {
	padding-right: 8px !important;
	padding-left: auto !important;
}

[dir='rtl'] .mainTempfooter {
	flex-direction: row-reverse;
}

[dir='rtl'] .instagramWrapper {
	text-align: right;
}

[dir="rtl"] .lastActivitiesMenu li {
	text-align: right;
}

[dir="rtl"] .mega-dropdown-menu .compose-container>li:NTH-CHILD(2) {
	border-right: 10px solid #e0e0de;
	border-left: none;
}

[dir="rtl"] #frmDocmMemue\:dockMenu_stack li a>img {
	margin: 0 10px 0 0 !important;
}

[dir="rtl"]  #frmDocmMemue\:dockMenu_stack li a span {
	padding: 0 10px 0 0px !important;
	text-align: right !important;
}

[dir="rtl"] body.layout-compact .ui-button.ui-button-text-icon-left {
	margin: 0px 10px 10px 0;
}

/* [dir='rtl'] #accountSummaryForm\:lnkPrint_Test{
	margin-top: 0;
}
 */
[dir='rtl'] body .ui-datatable thead tr:first-child th {
	text-align: right !important;
}

[dir="rtl"] .ui-paginator {
	direction: ltr;
}

[dir='rtl'] #frmSecurityImageSetup\:imagesGrid_content td:first-child {
	float: right;
}

[dir='rtl'] .ui-panelgrid-footer.ui-widget-header button, [dir='rtl'] .ui-datatable-footer.ui-widget-header button,
	[dir='rtl'] .ui-panel-content.ui-widget-content button {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	margin-top: 0 !important;
}

[dir='rtl'] #workflowForm\:tblWorkflow\:colFuncName\:filter {
	margin-right: 0;
}

[dir='rtl'] #frmUserRole\:dtFunctionalAccess_head th {
	text-align: right;
}

[dir='rtl'] .ui-button.ui-button-text-icon-left, [dir='rtl'] .ui-commandlink.ui-widget.ui-button
	{
	padding-left: 10px !important;
}

[dir='rtl'] .form_separetor {
	text-align: right;
}

[dir='rtl'] [id*='pnlDisclaimer'] p {
	text-align: right;
}

[dir='rtl'] #ajaxstatus {
	right: 44% !important;
}

[dir='rtl'] .header-grid {
    margin-right: 9px;
}

[dir='rtl'] #frmMainDashboard\:board .ui-dashboard-column:nth-of-type(1) {
    margin-left: 2% !important;
    margin-right: 0 !important;
}

[dir='rtl'] #frmMainDashboard\:pnlExchangeReteContaner table tbody tr, 
[dir='rtl'] #frmMainDashboard\:pnlExcangeRate_content table tbody tr {
    border-right: 4px solid #fff;
    border-left: 0;
}

[dir='rtl'] #frmMainDashboard\:pnlExchangeReteContaner table tbody tr:hover, 
[dir='rtl'] #frmMainDashboard\:pnlExcangeRate_content table tbody tr:hover {
    border-right: 4px solid #225b64;
    border-left: 0;
}
[dir='rtl'] .scrollUpBtn_Wrapper{
    left: 4px !important;
    right: auto !important;
}

[dir='rtl'] .form-group .ui-radiobutton+label, label>span>.ui-radiobutton+label {
    margin-right: 20px;
}

[dir='rtl'] .form-group .ui-radiobutton, label>span>.ui-radiobutton {
    float: right;
}

[dir='rtl'] #frmStandingOrder\:lblMyAccount .ui-outputlabel-rfi, 
[dir='rtl'] #frmStandingOrder\:lblRegisteredBeneficiary .ui-outputlabel-rfi {
    right: 2px !important;
}

[dir='rtl'] #frmAccountStatement\:cmSavingDetails\:_pnlExport .ui-panelgrid-footer.ui-widget-header{
	display: inline-flex;
}
[dir='rtl'] #frmAccountStatement\:cmSavingDetails\:_pnlExport .ui-panelgrid-footer.ui-widget-header span:first-of-type .ui-icon{
	margin-top: 2px !important;
}

[dir='rtl'] #frmAccountStatement\:cmSavingDetails\:_pnlExport .ui-panelgrid-footer.ui-widget-header button:first-of-type .ui-icon{
	margin-top: 2px !important;
}

[dir='rtl'] #frmNewsMaintenance\:grdAddNewDetails span.ui-outputlabel-rfi, 
[dir='rtl'] #frmCreditCard\:pnlCreditCard span.ui-outputlabel-rfi, 
[dir='rtl'] #frmToDoList\:frmNewToDoDialog\:lblSubject span.ui-outputlabel-rfi {
    right: 4px !important;
}

@media only screen and (max-width: 414px) and (min-width:
	360px) and (orientation : portrait) {
		[dir='rtl'] #frmRequestLocalDraftForm\:pnlTransLimit\:pnlTransaction .ui-panelgrid-cell .amount-big,
		[dir='rtl'] #frmTransfer\:pnlTransLimit\:pnlTransaction .ui-panelgrid-cell .amount-big,
		[dir='rtl'] #frmFinancePayment\:pnlTransLimit\:pnlTransaction .ui-panelgrid-cell .amount-big,
		[dir='rtl'] #frmLocalTransfer\:bccTransLimitComopnent\:pnlTransaction .ui-panelgrid-cell .amount-big,
		[dir='rtl'] #frmRequestInterNationalDraftForm\:pnlTransLimit\:pnlTransactionLimit .ui-panelgrid-cell .amount-big,
		[dir='rtl'] #frmBillPaymentSetup\:pnlTransLimit\:pnlTransactionLimit .ui-panelgrid-cell .amount-big,
		[dir='rtl'] #thirdPartyForm\:pnlTransLimit\:pnlTransactionLimit .ui-panelgrid-cell .amount-big,
		[dir='rtl'] #frminvestmentTrade\:pnlTransLimit\:pnlTransaction .ui-panelgrid-cell .amount-big
		{
		width: 65% !important;
	}
}

/* Arabic end */

#frmMainCreditCardNickname\:txtSearchCerditCardNickName{
	height: 30px;
}

#accountTypeSetupForm\:treeAccountType .ui-state-highlight {
    background: gray !important;
    padding: 2px;
}

#accountTypeSetupForm\:pnlSelectedNode .ui-chkbox{
  float: left;
  margin: 0 5px
}

#accountTypeSetupForm\:debitFunctionsPanel + table {
    margin-left: 20px;
}

#accountTypeSetupForm\:debitFunctionsPanelActive + table {
    margin-left: 20px;
}

#accountTypeSetupForm\:pnlnoRequest,
#accountTypeSetupForm\:lstExcludedCategory,
#accountTypeSetupForm\:pnlnoRequest ~ *{
  margin-left: 20px !important;
}

#accountTypeSetupForm\:pnlnoRequestActive,
#accountTypeSetupForm\:lstExcludedCategoryActive,
#accountTypeSetupForm\:pnlnoRequestActive ~ *{
  margin-left: 20px !important;
}

#accountTypeSetupForm\:pnlSelectedNode_content .Container20{
  width: 50%;
}

#accountTypeSetupForm\:treeAccountType{
  border-right: 2px solid #828282 !important;
  border-radius: 0;
  width: 100%;
}
#accountTypeSetupForm\:pnlAccContainer{
	color: black;
}

#accountTypeSetupForm\:pnlAccContainer_content .ui-grid-row .Container30{
  width: 40%;
}

#accountTypeSetupForm\:pnlAccContainer_content .ui-grid-row .Container70{
  width: 60%;
}

#accountTypeSetupForm\:pnlSelectedNode .ui-panel-content.ui-widget-content{
  padding: 0px 8px;
}

#accountTypeSetupForm\:pnlStatus{
	 margin: 10px 5px;
}

#accountTypeSetupForm\:pnlSelectedNode .Container5{
    width: 6%;
}

#accountTypeSetupForm\:lstExcludedCategory {
    margin-left: -10px !important;
}
#accountTypeSetupForm\:lstExcludedCategory .ui-picklist-filter-container span{  
    width: 30px;
    top: 14px;
}
#accountTypeSetupForm\:lstExcludedCategoryActive {
    margin-left: -10px !important;
}
#accountTypeSetupForm\:lstExcludedCategoryActive .ui-picklist-filter-container span{  
    width: 30px;
    top: 14px;
}

#frmLogin\:btnForgetPass{
	 border: 0;
	 color: #0054ab;
	 margin-top:10px;
}

#frmLogin\:btnForgetPass.ui-state-hover{
	 border: 0 !important;
	 color: black;
}

#frmPackageMaintenance\:dlgCustomerReports{
	top: 100px !important;
}

#frmPackageMaintenance\:dlgCustomerReports .ui-dialog-content.ui-widget-content{
	height: 450px !important;
	overflow: hidden;
}

#accountTypeSetupForm\:pnlSelectedNode label{
	display: inline-block;
	margin-bottom: 5px;
}

#accountTypeSetupForm\:executionModeSelection label{
	margin-bottom: 0; 
}

#accountTypeSetupForm\:executionModeSelection .ui-radiobutton{
	margin-left: 15px;
}

#accountTypeSetupForm\:pnlSelectedNode_content .ui-grid-row .ui-grid-col-4:nth-child(1){
	width: 40%;
}

#accountTypeSetupForm\:pnlSelectedNode_content .ui-grid-row .ui-grid-col-4:nth-child(2){
	width: 25%;
}

#accountTypeSetupForm\:pnlSelectedNode_content .ui-grid-row .ui-grid-col-4:nth-child(3){
	width: 35%;
}

#accountTypeSetupForm\:pnlExcludeCustomer_content .ui-grid-row:nth-child(2) .Container5{
	width: 100% !important;
}

#accountTypeSetupForm\:pnlExcludeCustomer_content .ui-picklist-list{
	border: 1px solid #d4d4d4 !important;
}

#accountTypeSetupForm\:pnlExcludeCustomer_content .ui-picklist-list-wrapper{
	width: 40%;
}

.ui-picklist-list-wrapper li.ui-state-highlight{
	background: #c7c7c7 !important;
}

#frmKYCApp\:pnlMain_content .ui-panelgrid-cell:first-child label,
#frmBillPaymentSetup\:billerNameLbl{
    line-height: 35px;
    margin-bottom: 0;
    vertical-align: super;
}

#accountTypeSetupForm\:btnWFVerifyRecord{
	margin: 0 10px; 
}

#frmPackageMaintenance\:tblSecurityProductsList_head .ui-column-title label{
	color: white !important;
}

#accountOpenningFrm\:grdAccOpeningAgreement .ui-widget-header label{
    color: white;
    margin-bottom: 0;
    margin: 5px;
    font-size: 14px !important;
    font-weight: 600 !important;
}

#accountOpenningFrm\:lnkToPdf .icon-file-pdf{
	    font-size: 20px !important;
}

#accountOpenningFrm\:lnkToPdf,
#accountOpenningFrm\:lnkPrintCw{
	border-radius: 3px;
}

#accountOpenningFrm\:lnkToPdf:hover,
#accountOpenningFrm\:lnkPrintCw:hover{
	background-color: rgb(12, 132, 64) !important;
	border: 1px solid #0f6b37 !important;
}

#accountTypeSetupForm\:pnlSelectedNode_content .ui-grid-row .ui-grid-col-6:nth-child(1){
	width: 40%;
}

#accountTypeSetupForm\:pnlSelectedNode_content .ui-grid-row .ui-grid-col-6:nth-child(2){
	width: 60%;
}

#accountTypeSetupForm\:pnlCustomerUpdate_content .Container5,
#accountTypeSetupForm\:pnlInitialFund_content .Container5,
#accountTypeSetupForm\:pnlExcludeCustomer_content .ui-grid-row:nth-child(1) .Container5{
	width: 6% !important;
}

#accountTypeSetupForm\:KYCPeriodDescLabel,
#accountTypeSetupForm\:CustomerAgeDescLabel{
	LINE-HEIGHT: 30PX;
}

#frmSecurityImageSetup\:pnlGrdAddIMAGE_content .ui-button:nth-child(1){
    margin: 0 10px !important;
} 

#frmSecurityImageSetup\:pnlGrdAddIMAGE_content .ui-fileupload-buttonbar .ui-fileupload-choose input{
	left: 0 !important;
	top: -2px !important;
}

#frmBillPaymentSetup\:utilityBills\:colSelectCustomerReport .ui-chkbox,
#frmPackageMaintenance\:tblProductsList\:colSelectProduct .ui-chkbox{
	display: inline-block;
	margin: 0 3px;
}

#frmBillPaymentSetup\:unregisteredBillLink{
	    margin-bottom: 0;
}

#loginForm\:login_captcha{
	height: 220px;
    margin-left: -15px;
}

.ui-picklist-list-wrapper {
	border: 1px solid #b3b3b3;
}


#frmPackageMaintenance\:lblPackageExchangeRate,
#frmPackageMaintenance\:lblTransactionLimitSetup,
#frmPackageMaintenance\:tblProductsLimitSetup_head label{
	color: white;
}

#frmPackageMaintenance\:autSearchPackageComponent\:autSearchPackage_panel li{
	color: black;
}

#accountTypeSetupForm\:linkActiveAccType,
#accountTypeSetupForm\:linkBackToPending{
	float: right;
}

#frmUserRole\:chActiv{
  float: left;
}

#frmPackageMaintenance\:lblPackageTheme,
#frmPackageMaintenance\:lblPackageDefault{
	font-weight: bold;
}

#frmAdvMaintenance\:grdCreateImage_content .ui-grid-row:last-child .ui-panelgrid-cell.Container50{
	padding: 10px 0;
	padding-right: 15px;
}

#frmAdvMaintenance\:lblDetailsHeader,
#frmAdvMaintenance\:lblImagesHeader{
	padding: 5px 10px;
	font-size: 1.1em !important;
	font-weight: 600 !important;
}

body .ui-dialog.ui-shadow{
	z-index: 1130 !important;
}

#accountTypeSetupForm\:lnkExportToPDF .icon-file-pdf,
#frmCreditCard\:lnkExportApplicationToPDF .icon-file-pdf{
	    font-size: 20px !important;
}

#accountTypeSetupForm\:lnkExportToPDF,
#accountTypeSetupForm\:accMarginSetupFooter .ui-commandlink,
#frmCreditCard\:lnkExportApplicationToPDF,
#frmCreditCard\:btnPrintApplicationInfo{
	border-radius: 3px;
}

#accountTypeSetupForm\:accMarginSetupFooter .ui-commandlink:hover,
#accountTypeSetupForm\:lnkExportToPDF:hover,
#frmCreditCard\:lnkExportApplicationToPDF:hover,
#frmCreditCard\:btnPrintApplicationInfo:hover{
	background-color: rgb(12, 132, 64) !important;
	border: 1px solid #0f6b37 !important;
}

#accountTypeSetupForm\:accMarginSetupFooter label{
	color: white; 
}

#accountTypeSetupForm\:tblAccountMarginSetup .ui-commandlink label{
	 color: #0c73f7 !important;
}
#frmMainDashboard\:tbAccountsSummary\:tbTimeDepos\:termDepositSummary_data a label,
#frmMainDashboard\:tbAccountsSummary\:financesSummary_data a label,
#frmMainDashboard\:tbAccountsSummary\:offBalancetransactionAccountsSummary_data a label,
#frmMainDashboard\:tbAccountsSummary\:offBalancetransactionAccountsSummary_data a span,
#frmMainDashboard\:tbAccountsSummary\:matualFundtransactionAccountsSummary_data a span,
#frmMainDashboard\:tbAccountsSummary\:matualFundtransactionAccountsSummary_data a label,
#accountSummaryForm\:transactionAccountsSummary_data a label,
#accountSummaryForm\:transactionAccountsSummary_data a span,
#accountSummaryForm\:termDepositSummary_data td a label,
#accountSummaryForm\:financesSummary_data td a label,
#accountSummaryForm\:offBalancetransactionAccountsSummary_data td a span,
#accountSummaryForm\:matualFundtransactionAccountsSummary_data td a span{
	font-weight: 700 !important;
	color: #333 !important;
	text-decoration: underline !important
}

#LimitMaintenanceForm\:grdViewLimitsMainteanance label{
	margin-bottom: 0;
}

#barNewsfrm\:checkLoginNewsId{
    color: white;
    font-size: 14px !important;
}



#accountTypeSetupForm\:searchForm_content .ui-grid-row .ui-panelgrid-cell:nth-child(1) > label{
	 MARGIN-TOP: 7PX; 
}

#frmCharges\:tabModeOfCalccc\:tblRangess_content .ui-grid-row > .Container20 label,
#frmCharges\:tabModeOfCalcc\:tblNewRangess_content .ui-grid-row > .Container20 label{
	 line-height: 13px;
}

#frmCharges\:modeOfCalcRadio .ui-radiobutton,
#frmCharges\:modeOfCalcRadioEdits .ui-radiobutton{
	margin-left: 10px;
}
#frmCharges\:modeOfCalcRadio label,
#frmCharges\:modeOfCalcRadioEdits label{
	margin-bottom: 0;
}

#frmCharges\:btnChargesSearch,
#frmBranchSetup\:btnSearchBranch{
	margin-top: 18px;
}

#frmInstrumentCharges\:tblViewChargeTiered .ui-datatable-header{
	width: 100%
}

#frmInstrumentCharges\:pnlInstrumentChargesPage_content .New-Pages .float-right:last-child{
	float: left !important;
}

#frmInstrumentCharges\:pnlInstrumentChargesPage_content .New-Pages label{
	margin: 0 10px;
}

#frmCardHistory\:lbllasttransactions{
	margin-bottom: 10px;
}

#frmCreditCard\:pnlCreditCard_content .ui-panelgrid .ui-panelgrid-cell.Container10 > label,
#frmCreditCard\:pnlCreditCard_content .ui-panelgrid .ui-panelgrid-cell.Container30 > label{
	line-height: 35px
}

#frmCreditCard\:pnlViewNewLayoutView_content label > label{
	margin-right:5px
}

    
.forgetPassWrapper .ui-button.ui-state-focus{
	background-color: none !important;
}
#frmMainDashboard\:pnlExcangeRate_header,
#frmMainDashboard\:pnlBeneficiary_header,
#frmMainDashboard\:pnlBalanceTracker_header,
#frmMainDashboard\:pnlCreditCardLimit_header,
#frmMainDashboard\:pnlPendingItems_header{
	background: #225b64 !important;
	color: #fff !important;
	border: none !important;
	padding: 3px 0 3px 15px !important;
}
#frmMainDashboard\:pnlExcangeRate_content{
    padding: 0 !important
}
.ti_news{margin: 0 !important;letter-spacing:2px !important;font-family: Arial, 'sans-serif' !important}
.ti_news:before{
	content: '\f185';
    font-family: 'FontAwesome';
    padding: 0 15px;
    color: #daae1e
}
#loginForm\:toolTipContent{
    opacity: 1 !important
}

#frmComposeDialog\:lblCustemerName > .ui-outputlabel-rfi{
    left: 2px !important;
}

.ticker-news-login{
	position: relative !important;
    left: 19% !important;
    margin: 0 !important;
    width: 60%;
}
/*END*/

#frmFinancePayment\:DebitBalance{
	height: 12px;
}

#frmHolidayMasterForm\:pnlHolidayEffectedBranches ul{
	padding: 0 16px;
    margin: 0;
}


#frmApprovals\:lnkToPdf,
#frmApprovals\:lnkPrint{
	border-radius: 3px;
}

#frmApprovals\:lnkToPdf i{
	font-size: 20px !important;
}

#frmApprovals\:lnkToPdf:hover,
#frmApprovals\:lnkPrint:hover{
	background-color: rgb(12, 132, 64) !important;
	border: 1px solid #0f6b37 !important;
}

#frmApprovals\:btnapprovalReject{
	top: -2px;
}

#frmApprovals\:lblApprovals,
#frmPackageMaintenance\:tblCustomerReports\:lblCustomerReportsList{
	color: white;
    margin-bottom: 0;
}

#frmApprovals\:grdViewBeneficiaryCustomerDetails{
	width: 100%;
}

#frmStandingOrder\:pnlStandingOrder_content .ui-outputpanel label:last-child{
	margin: 0 3px;
}

#frmPackageMaintenance\:tblCustomerReports\:colSelectCustomerReport .ui-chkbox{
	display: inline-block;
    margin: 0 3px;
}

#accountTypeSetupForm\:fupPersonalCustomerImage_input{
	left: 0;
}

#frmUtilityDenomoniationSetup\:grdViewUtilityDenomination{
	width: 100%;
}

.print-div #frmUtilityDenomoniationSetup\:grdViewUtilityDenomination td{
	text-align: left;
    padding-left: 50px !important;
}

#frmUtilityDenomoniationSetup\:grdEditUtilityDenomination{
	width: 100%;
}

#frmUtilityDenomoniationSetup\:drpUtilitiesEdit,
#frmUtilityDenomoniationSetup\:drpUtilityProductNameEdit{
	width: 150px;
}

#frmBankSetup\:btnSearchBank{
	margin-top: 18.5px;
}

#frmPackageMaintenance\:grdViewPackageFooter td{
	display: inline-block;
}


#frmUtilityPaymentSetup\:grdEditUtilityAll,
#frmUtilityPaymentSetup\:grdHelpFile,
#frmUtilityPaymentSetup\:grdEditUtilityAddress{
	width: 100%;
}

#frmUtilityPaymentSetup\:grdEditUtilityAll .ui-widget-content td{
	width: 50%;
}


#frmUtilityPaymentSetup\:drpUtilityApplicationType{
	width: 162px;
}

#frmUtilityPaymentSetup\:grdlogo td.width33{
	    position: relative;
}

#frmUtilityPaymentSetup\:lblMarketImg{
	position: absolute;
    top: 10px;
}

#frmUtilityPaymentSetup\:fupMarktEditFile_input,
#frmUtilityPaymentSetup\:fupHelpEditFile_input,
#frmUtilityPaymentSetup\:fupEditFile_input{
	left: 0;
}

#frmUtilityProductSetup\:grdViewUtilityProduct{
	width: 100%;
}

#frmUtilityProductSetup\:grdViewUtilityProduct tr td{
	padding: 8px 5px;
}

.print-div #frmPackageMaintenance\:pnlViewPackageDetails{
	margin-top: 130px;
}

.print-div #frmPackageMaintenance\:pnlViewPackageDetails h3 span.ui-icon{
	display: none;
}

#frmRequestLocalDraftForm\:pnlTransLimit\:dailyLimitPanel_content,
#frmRequestLocalDraftForm\:pnlTransLimit\:transactionLimitPanel_content,
#frmRequestLocalDraftForm\:pnlTransLimit\:pnlTransactionLimit_content{
	padding: 0;
}

#frmRequestLocalDraftForm\:grdTestingGrad_content .its-forms{
	margin-bottom: 0;
}

#frmRequestLocalDraftForm\:grdAccountNumDD_content .ui-grid-row{
	padding: 10px;
}

#frmRequestLocalDraftForm\:grdTestingGrad_content label{
	margin-bottom: 5px;
}


#frmRequestLocalDraftForm\:grdInFavouOf_content,
#frmRequestLocalDraftForm\:pnlinternationalDraft .ui-outputlabel.ui-widget.ui-panelgrid-cell.form-group{
	padding: 10px;
}

#frmRequestLocalDraftForm\:grdBranchDetailsOnly_content span{
	margin-bottom: 0;
}

#frmRequestLocalDraftForm\:grdBranchDetailsOnly_content{
	 padding-top: 10px;
}

#frmHolidayMasterForm\:tblHolidaySearchList_data td{
	text-align: center;
}

#frmRequestLocalDraftForm\:pnlViewInternationalDraft .no-border label,
#frmRequestLocalDraftForm\:lbldebitAccountsLabels{
	line-height: 35px;
	margin-bottom: 0;
}

#frm\:grdCurrentSetup{
	width: 100%;
}

#frm\:grdCurrentSetup label{
	color: white;
}

#frmSignatoryClssSetup\:pnlView_content label{
	margin-right: 5px;
}

#accountOpenningFrm\:pnlFundTransfer_content label.ui-outputlabel,
#accountOpenningFrm\:pnlFundTransfer_content a{
	line-height: 30px;
	margin-bottom:0;
}

#accountOpenningFrm\:currency_pnl_content label{
	display: inline-block;
}

#accountOpenningFrm\:exchange_rate_pnl_content,
#accountOpenningFrm\:currency_pnl_content{
	padding: 0;
}

#frmIslamicFinanceApplication\:requestIslamicFinanceAppForm_content table,
#frmIslamicFinanceApplication\:viewIslamicFinanceAppForm_content table{
	width: 100%;
}

#frmIslamicFinanceApplication\:requestIslamicFinanceAppForm_content .its-forms,
#frmIslamicFinanceApplication\:viewIslamicFinanceAppForm_content .its-forms{
	margin-bottom: 0;
	margin-top: 10px;
}

#frmIslamicFinanceApplication\:txtTermsV{
/* 	display: inherit; */
}

#frmIslamicFinanceApplication\:pnlIslamicFinanceApplV_content label{
	margin-right: 3px;
}

#frmIslamicFinanceApplication\:pnlEmploymentDetailsV td{
	width: 50%;
}


#frmIslamicFinanceApplication\:pnlIslamicFinanceAppRequestV td,
#frmIslamicFinanceApplication\:pnlPersonalContactInfoV td{
	width: 25%;
}

#frmBillPaymentSetup\:lblSubsciberId,
#frmBillPaymentSetup\:pnlEditProductItems_content label{
	margin-bottom: 8px;
}

#frmBillPaymentSetup\:grdEditBillPayee_content label.ui-outputlabel.ui-widget.form-group,
#frmBillPaymentSetup\:pnlEditProductItems label.ui-outputlabel.ui-widget.form-group{
	margin-top: 2px;
}

#frminvestmentTrade\:pnlInvestmentTrade_content IMG{
	WIDTH: auto;
}

#frmAccountSignatoryClssSetup\:grdAddAccNo{
	margin-bottom: 0;
}

#frmAccountSignatoryClssSetup\:lblAddAccNum{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
    -ms-flex-pack: distribute;
        justify-content: space-between;
    line-height: 48px;
}

#frmAccountSignatoryClssSetup\:lstAddAcNum,
#frmAccountSignatoryClssSetup\:lstAddAcNum_panel{
	    width: 150px !important;
}


#frmCreditCardPayment\:pnlTransLimit\:pnlTransaction_content .Container50{
	width: 50% !important;
}

#frmCreditCardPayment\:grdViewCreditCardPaymentDetails_content label,
.print-div #frmCreditCardPayment\:grdViewCreditCardPaymentDetails_content{
	margin-bottom: 0;
	line-height: 35px;
}

#frmCreditCardPayment\:pnlCreditCardPaymentPage_content img{
	width: auto;
}

.print-div #frmCreditCardPayment\:grdViewCreditCardPaymentDetails_content .ui-panelgrid-cell{
	padding: 0 10px;
}

#frmNewsMaintenance\:grdCreateDialog{
	margin-bottom: 0;
}
/*Image Cheque styles*/
#frmTransactionshistory\:viewdlgCheuqeImages,
#frmAccountStatement\:viewdlgCheuqeImages{
    max-width: 50% !important;
    left:50% !important;
    top: 50% !important;
    -webkit-transform: translate(-50%,-50%);
        -ms-transform: translate(-50%,-50%);
            transform: translate(-50%,-50%)
}

#frmTransactionshistory\:viewdlgCheuqeImages .ui-dialog-content,
#frmAccountStatement\:viewdlgCheuqeImages .ui-dialog-content{
    text-align: center !important;
    max-height: 400px !important;
    overflow-y: auto !important
}
#frmTransactionshistory\:viewdlgCheuqeImages img,
#frmAccountStatement\:viewdlgCheuqeImages img{
    width: 100% !important
}
#frmTransactionshistory\:viewdlgCheuqeImages.ui-dialog-minimized,
#frmAccountStatement\:viewdlgCheuqeImages.ui-dialog-minimized{
    max-width: 100% !important;
    -webkit-transform: none !important;
        -ms-transform: none !important;
            transform: none !important
}
/*END*/

@media only screen and (max-width: 414px) and (min-width:
	360px) and (orientation : portrait) {
		#frmRequestLocalDraftForm\:pnlTransLimit\:pnlTransaction .ui-panelgrid-cell .amount-big,
		#frmTransfer\:pnlTransLimit\:pnlTransaction .ui-panelgrid-cell .amount-big,
		#frmFinancePayment\:pnlTransLimit\:pnlTransaction .ui-panelgrid-cell .amount-big,
		#frmLocalTransfer\:bccTransLimitComopnent\:pnlTransaction .ui-panelgrid-cell .amount-big,
		#frmRequestInterNationalDraftForm\:pnlTransLimit\:pnlTransactionLimit .ui-panelgrid-cell .amount-big,
		#frmBillPaymentSetup\:pnlTransLimit\:pnlTransactionLimit .ui-panelgrid-cell .amount-big,
		#thirdPartyForm\:pnlTransLimit\:pnlTransactionLimit .ui-panelgrid-cell .amount-big,
		#frminvestmentTrade\:pnlTransLimit\:pnlTransaction .ui-panelgrid-cell .amount-big
		{
		width: 65% !important;
	}
}

div#msgPanel.ui-sticky,
.layout-wrapper .topbar{
	z-index: 80000 !important;
}

#frmCreditCard\:footer_pnl_grd .ui-panelgrid-footer{
    padding: 0;
}

#frmCreditCard\:footer_pnl_grd .ui-panelgrid-footer .ui-message-info{
    margin: 0;
}

#frmCreditCard\:chkCardAppAgreeTermsAndConditions{
    margin-left: 10px;
}

[dir='rtl'] #frmCreditCard\:chkCardAppAgreeTermsAndConditions{
    margin-right: 10px;
    margin-left: auto;
}

#frmCreditCard\:grdViewPledgeAgreement_content .Container25,
#frmCreditCard\:grdViewPersonalDetails_content .Container25,
#frmCreditCard\:grdViewMailingAddress_content .Container25,
#frmCreditCard\:grdViewSecondaryContacts_content .Container25,
#frmCreditCard\:grdViewResidenceDetails_content .Container25,
#frmCreditCard\:grdViewEmploymentDeatils_content .Container25,
#frmCreditCard\:grdViewCardDeatils_content .Container25,
#frmCreditCard\:grdViewPaymentDeatils_content .Container25{
    width: 48% !important;
    display: inline-block;
}

#frmMainUpdateUserProfile\:pnlConfirmButtons_content{
	display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
     align-items: center;
 
}

[dir='rtl'] #frmMainUpdateUserProfile\:lnkPrintUserProfile{
	min-width: 70px;
	position: static !important;
}

[dir='rtl'] #frmMainUpdateUserProfile\:lnkPrintUserProfile i{
	position: static !important;
}

#frmMainUpdateUserProfile\:btnDownloadView{
	margin: 0 5px;
}

#accountSummaryForm\:transactionAccountsSummary + .fix-total-balance .ui-grid-row .ui-panelgrid-cell{
	display: inline-block;
}

#frmTransfer\:pnlTransLimit\:pnlTransaction_content label.ui-outputlabel.ui-widget,
#thirdPartyForm\:pnlTransLimit\:pnlTransaction_content label.ui-outputlabel.ui-widget,
#frmLocalTransfer\:bccTransLimitComopnent\:pnlTransactionLimit_content label.ui-outputlabel.ui-widget,
#accountOpenningFrm\:bccTransactionLimitBC\:pnlTransactionLimit_content label.ui-outputlabel.ui-widget,
#frmRequestInterNationalDraftForm\:pnlTransLimit\:pnlTransactionLimit_content label.ui-outputlabel.ui-widget,
#frmBillPaymentSetup\:pnlTransLimit\:pnlTransactionLimit_content  label.ui-outputlabel.ui-widget,
#frmBillPaymentSetup\:grdViewBillPayee_content label.ui-outputlabel.ui-widget{
	display: inline !important;
}

[dir='rtl'] #accountSummaryForm\:panel_assets_liabilities_content .clearfix div:last-child{
    float: left;
}

#accountOpenningFrm\:pnlCustomerInfo,
#accountOpenningFrm\:address_pnlGrid{
    background: #ffffff !important;
}

#accountOpenningFrm\:pnlCustomerInfo,
#accountOpenningFrm\:address_pnlGrid{
    background: #ffffff !important;
}

#frmLC\:drpTradPrtyCountryName_panel,
#frmLC\:drpTradPrtyCityName_panel,
#frmLC\:drpCountryName_panel,
#frmLC\:drpCityName_panel{
      z-index: 1130 !important;
}

.ui-fileupload-buttonbar .ui-fileupload-choose input#frmLC\:transDocsFileUpload_input,
.ui-fileupload-buttonbar .ui-fileupload-choose input#frmLC\:otherDocsFileUpload_input{
    right: 0 !important;
}

#frmLC\:lblSvTemp{
   display: inline-block; 
}

#frmLC\:checkBoxSvTemp{
    float: left;
}

#frmBankGuarantee\:dbenfdrpCityName_panel,
#frmBankGuarantee\:dbenfdrpCountryName_panel,
#frmBankGuarantee\:dapplicantdrpCityName_panel,
#frmBankGuarantee\:dapplicantdrpCountryName_panel{
    z-index: 1130 !important;
}

#accountOpenningFrm\:pnlViwFundTransfer_content .Container33 > label:first-child{
    display: block;
}

label#accountOpenningFrm\:lblViwMininitialFundVal.ui-outputlabel.ui-widget{
    font-weight: 300 !important;
}

#accountOpenningFrm\:inpViwTransferAmount,
#accountOpenningFrm\:lblViwTransCurrency,
#accountOpenningFrm\:lblViwAvBalance,
#accountOpenningFrm\:lblViwAvBalanceCurrency,
#accountOpenningFrm\:lblViwMininitialFundVal,
#accountOpenningFrm\:lblViwMininitialFundValCurrency{
    display: inline-block;
}

#accountOpenningFrm\:pnlViwFundTransfer_content .Container33 div{
    padding: 8px 0;
}

label#accountOpenningFrm\:lblViwAvBalancelbl.ui-outputlabel.ui-widget{
    font-weight: 700 !important;
}
/*ENDD */

#accountOpenningFrm\:pnlFundTransfer .ui-outputlabel-rfi{
    left: 2px !important;
}

.login-body{
    overflow-x: hidden !important;
}

#frmTransactionshistory\:resultTabs\:bcSaving\:savingDetails_data th.money, 
#frmAccountStatement\:cmSavingDetails\:savingDetails .ui-datatable-tablewrapper th.money,
#frmAccountStatement\:cmSavingDetails\:savingDetails .ui-datatable-tablewrapper th.ui-account-number{
	text-align: center !important;
}

#frmComposeDialogWdgt\:drpSubjectWdgt_panel ul li {
    width: 100% !important;
}
#thirdPartyForm\:fupAddTermsAndConditionFile_input {
	right: 0px !important;
}


#frmMainDashboard\:pnlTxnHistorySearch_content .Container50{
    width: 20%;
}

#frmMainDashboard\:pnlTxnHistorySearch_content .transHisNum{
    padding:  0 !important;
    min-width: 45px;
}

#frmMainDashboard\:customerAccounts_label{
	padding: 6px 0px !important;
}

#frmMainDashboard\:noLasTtransaction_label{
	    padding-left: 5px !important;
}

#accountOpenningFrm\:lblViwfromAccNo > label:first-child,
#accountOpenningFrm\:lblViwNarrationVal2,
#accountOpenningFrm\:lblViwAvBalancelbl{
    display: block;
}

#accountOpenningFrm\:lblViwfromAccNoVal,
#accountOpenningFrm\:lblViwFromCurrency{
    display: inline-block;
}

th#frmAccountInquiry\:tblDealSummary\:colAmountDue.money,
th#frmAccountInquiry\:tblDealSummary\:colAmountPaid.money{
    text-align: center !important;
}

#frmCardHistory\:compCardHistorySearch\:tblCardHistoryResult_data .money{
    text-align: right;
}

#frmCardHistory\:compCardHistorySearch\:tblCardHistoryResult_data> tr > td:nth-of-type(2){
    text-align: left;
}

#frmMainDashboard\:pnlPieChart{
    margin-top: 30px;
}

#frmMainDashboard\:btnBackToBarView{
    margin-top: 0;
    margin-bottom: 20px;
}
 
input[type="text"]{
    min-height: 18px !important;
}

.print-div #accountOpenningFrm\:pnlViwAddressInfo_content label > label,
.print-div #accountOpenningFrm\:pnlViwAddressInfo_content label > span{
	margin-left: 5px !important;
}

#frmMainDashboard\:pnlTransferOwnAccounts_content,
#frmMainDashboard\:pnlBeneficiary_content{
	height: 450px !important;
}

#accountOpenningFrm\:pnlViwFundTransfer .acc-blnc-lbl > label:nth-child(2){
    padding-left: 5px !important
}
#accountOpenningFrm\:pnlViewInvestmentShowDetailesHead label > label:nth-child(2){
    font-weight: normal !important
}
#dlgTooklitId{
    top: 90px !important;
    height: 500px !important;
    width: 1000px !important;
    left: 250px !important;
    z-index: 10000 !important;
    overflow-y: auto;
}

#dlgTooklitId > .ui-dialog-content.ui-widget-content{
    height: auto !important
}

#accountOpenningFrm\:PGViewPageIn .ui-panel-footer,
#accountOpenningFrm\:PGViewPageIn > .ui-panel > .ui-panel-content{
    display: flex;
}

#accountOpenningFrm\:PGViewPageIn button,
#accountOpenningFrm\:btnBackToMain{
    margin: 0;
}

#accountOpenningFrm\:lnkToPdfBank,
#accountOpenningFrm\:btnBackToRequest{
    margin-left: 10px !important;
}

#frmMainDashboard\:customerAccounts_label,
#frmMainDashboard\:noLasTtransaction_label{
    font-size: 12px !important;
}

#accountSummaryForm\:Total_Available_Balance{
	margin: 0 !important;
    padding: 0 16px;
}

.ui-message-limits-header.hidden{
	cursor: pointer;
	margin-bottom: 5px !important;
}

.onlineRegButtons > .ui-button:first-child,
.RemoveColPadding > .ui-button:first-child{
    -webkit-box-flex: 1;
        -ms-flex: 1 1 100px;
            flex: 1 1 100px;
            align-items: center;
}

.onlineRegButtons > .ui-button,
.RemoveColPadding > .ui-button{
	flex-basis: 75px;
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack:center;
        -ms-flex-pack:center;
            justify-content:center;
}

#loginForm\:btnRegParamReset, #loginForm\:btnBack {
	flex-basis: 50px;
	 align-items: center;
}

#loginForm\:btnLgnSavePassword{
	flex-basis: 120px;
	 align-items: center;
}

#loginForm\:btnLgnCrdReset,
#loginForm\:btnLgnCrdBack{
	flex-basis: 50px;
	 align-items: center;
}

.onlineRegButtons > .ui-button+.ui-button,
.RemoveColPadding > .ui-button+.ui-button{
    margin-left: 10px;
}

#frmInstrumentCharges\:txtNewChargeCode,
#frmInstrumentCharges\:txtNewDesc,
#frmInstrumentCharges\:txtEditChargeCodes,
#frmInstrumentCharges\:txtEditDescs{
	margin-bottom: 10px;
    height: 31px;
    resize: none !important;
    padding-top: 13px !important;
}

[id$="pnlTransaction"] .ui-grid-row .Container50:first-child{
	width: 45% !important;
}

[id$="pnlTransaction"] .Container50:last-child{
	width: 45% !important;
}

[id$="pnlTransaction"] .ui-grid-row .Container50 label+div > div{
    text-align: right !important;
}


#frmBeneficiaryMaintenance\:txtPhoneNumber,
#frmBeneficiaryMaintenance\:txtInternationalBankTransferOtherBankName {
    height: 30px;
}

#frmBeneficiaryMaintenance\:grdInternationalBankTransferCity .Container50,
#frmBeneficiaryMaintenance\:grdInternationalBankTransferBankNameParent .Container50{
   padding-inline-end: 10px !important;
}

#frmBeneficiaryMaintenance\:grdInternationalBankTransferBankNameParent .Container50 label{
    width: 100% !important;
}

#msgGlobalMessages .ui-messages-warn{
    width: 100%;
}

#frmAccountInquiry .blc_buttons{
    padding: 0 20px;
}

#frmAccountInquiry\:lnkToCSV{
    width: 93px;
    display: inline-flex;
    justify-content: center;
}

#frmAccountStatement\:cmSavingDetails\:_pnlExport .ui-panelgrid-footer{
    display: flex;
}
#frmTransactionshistory\:resultTabs\:bcSaving\:_pnlExport button,
#frmAccountStatement\:cmSavingDetails\:_pnlExport button,
#frmAccountInquiry\:lnkToCSV+button{
    display: inline-flex;
    justify-content: center;
}

#frmTransactionshistory\:resultTabs\:bcSaving\:_pnlExport button,
#frmAccountStatement\:cmSavingDetails\:_pnlExport button:nth-child(n+2),
#frmAccountInquiry\:lnkToCSV+button{
    width: 85px;
}

#frmAccountStatement\:cmSavingDetails\:_pnlExport .ui-icon,
#frmTransactionshistory\:resultTabs\:bcSaving\:lnkTocsv2 .ui-icon,
#frmTransactionshistory\:resultTabs\:bcSaving\:lnkTocsv2+button .ui-icon,
#frmAccountInquiry\:lnkToCSV+button .ui-icon,
#frmAccountInquiry\:lnkToCSV .ui-icon{
    margin-left: 0;
}

#frmBeneficiaryMaintenance\:grdInternationalBankAddressInformation .ui-grid-row .ui-panelgrid-cell:last-child{
    padding-left: 0 !important;
    padding-right: 10px !important;
}

#frmBeneficiaryMaintenance\:grdBeneficiaryMaintenanceSearch_content input,
#frmBeneficiaryMaintenance input,
#frmBeneficiaryMaintenance\:drpBank_label{
    height: 30px;
}

#frmBeneficiaryMaintenance\:drpBank{
    margin-top: 7px;
}

#loginForm\:lnkOnlineRegistration .ui-icon-person-add:before{
    content: '';
}