@charset "UTF-8";
@font-face {
    font-family: 'Material Icons';
    font-style: normal;
    font-weight: 400;
    src: url("/eSearchAllMaterial/javax.faces.resource/fonts/MaterialIcons-Regular.eot.xhtml?ln=primefaces-intra&v=14.0.0");
    /* For IE6-8 */
    src: local("Material Icons"), local("MaterialIcons-Regular"), url("/eSearchAllMaterial/javax.faces.resource/fonts/MaterialIcons-Regular.woff2.xhtml?ln=primefaces-intra&v=14.0.0") format("woff2"), url("/eSearchAllMaterial/javax.faces.resource/fonts/MaterialIcons-Regular.woff.xhtml?ln=primefaces-intra&v=14.0.0") format("woff"), url("/eSearchAllMaterial/javax.faces.resource/fonts/MaterialIcons-Regular.ttf.xhtml?ln=primefaces-intra&v=14.0.0") format("truetype");
}


@font-face {
    font-family: 'intra-icons';
    src: url("/eSearchAllMaterial/javax.faces.resource/fonts/intra-icons.eot.xhtml?ln=primefaces-intra&v=14.0.0") ;
    src: url("") format('embedded-opentype'),
    url("/eSearchAllMaterial/javax.faces.resource/fonts/intra-icons.ttf.xhtml?ln=primefaces-intra&v=14.0.0") format('truetype'),
    url("/eSearchAllMaterial/javax.faces.resource/fonts/intra-icons.woff.xhtml?ln=primefaces-intra&v=14.0.0") format('woff'),
    url("") format('svg');
    font-weight: normal;
    font-style: normal;
}

@media screen and (-webkit-min-device-pixel-ratio: 0) {
    @font-face {
        font-family: "intra-icons";
        src: url("") format("svg");
    }
}

:root {

}

[class^="isicon-"], [class*=" isicon-"], [class^="isicon-"]:before, [class*=" isicon-"]:before,
[class^="isicon-"]:after, [class*=" isicon-"]:after {
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'intra-icons' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;

    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.banner i {
    font-size: 45px !important;
}

.isicon-Out_Patient:before {
    content: "\e90f";
}

.isicon-Dental:before {
    content: "\e910";
}

.isicon-eopyy:before {
    content: "\e900";
}

.isicon-Diabet:before {
    content: "\e901";
}

.isicon-Diagnosis:before {
    content: "\e902";
}

.isicon-Doctor_Visit:before {
    content: "\e903";
}

.isicon-Execution:before {
    content: "\e904";
}

.isicon-Haemo:before {
    content: "\e905";
}

.isicon-Hospitalization:before {
    content: "\e906";
}

.isicon-Logout:before {
    content: "\e907";
}

.isicon-Med_Folder:before {
    content: "\e908";
}

.isicon-Medicin_Practic:before {
    content: "\e909";
}

.isicon-Pharmacy:before {
    content: "\e90a";
}

.isicon-Pharmacy_Plus:before {
    content: "\e90b";
}

.isicon-Prescriptions:before {
    content: "\e90c";
}

.isicon-RadioTherapy:before {
    content: "\e90d";
}

.isicon-WheelChair:before {
    content: "\e90e";
}

.isicon-printer:before {
    content: "\e954";
}

.isicon-bubbles2:before {
    content: "\e96d";
}

.isicon-user:before {
    content: "\e971";
}

.isicon-users:before {
    content: "\e972";
}

.isicon-user-plus:before {
    content: "\e973";
}

.isicon-user-minus:before {
    content: "\e974";
}

.isicon-user-check:before {
    content: "\e975";
}

.isicon-user-tie:before {
    content: "\e976";
}

.isicon-search:before {
    content: "\e986";
}

.isicon-zoom-in:before {
    content: "\e987";
}

.isicon-zoom-out:before {
    content: "\e988";
}

.isicon-equalizer:before {
    content: "\e992";
}

.isicon-cog:before {
    content: "\e994";
}

.isicon-aid-kit:before {
    content: "\e998";
}

.isicon-download2:before {
    content: "\e9c5";
}

.isicon-upload2:before {
    content: "\e9c6";
}

.isicon-sphere:before {
    content: "\e9c9";
}

.isicon-earth:before {
    content: "\e9ca";
}

.isicon-attachment:before {
    content: "\e9cd";
}

.isicon-plus:before {
    content: "\ea0a";
}

.isicon-minus:before {
    content: "\ea0b";
}

.isicon-checkmark:before {
    content: "\ea10";
}

.isicon-checkmark2:before {
    content: "\ea11";
}

.isicon-enter:before {
    content: "\ea13";
}

.isicon-exit:before {
    content: "\ea14";
}

.isicon-share:before {
    content: "\ea7d";
}


/*.ui-icon-new{
 background: url("/eSearchAllMaterial/javax.faces.resource/images/new_icon.png.xhtml?ln=primefaces-intra&v=14.0.0")  !important;
 background-repeat: no-repeat !important;
 margin: 0 0 0 -29px;
 padding: 0 3px 0 0;
 width: 40px;
 height: 15px;
}*/
/* Compact */
.ui-icon-menu-item-reload:before {
    content: "cached"
}

.ui-icon-menu-item-history:before {
    content: "history"
}

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

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

.ui-icon-menu-item-folder-open:before {
    content: "folder_open"
}

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

body .ui-dialog.ui-shadow
.ui-icon-save:before {
    content: "save"
}

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

.ui-icon-copy:before {
    content: "content_copy"
}

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

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


.ui-icon-locked:before {
    content: "locak_outline"
}

.ui-icon-unlocked:before {
    content: "lock_open"
}

.isicon-At:before {
    content: "@";
    font-weight: bold !important;
}

.ui-icon-right-arrow:before {
    content: "keyboard_arrow_right";
    font-family: "Material Icons";
}

.ui-icon-picture_as_pdf:before {
    content: "picture_as_pdf";
    font-family: "Material Icons";
}

.ui-icon-search:before {
    content: "search";
    font-family: "Material Icons";

}

.ui-panel-content .ui-icon-search {
    font-size: 18px !important;
}

.ui-icon-doctor:before {
    content: "search";
    font-family: "Material Icons";
}

.ui-icon-attachment:before {
    content: "attachment";
    font-family: "Material Icons";
}

.ui-icon-get-app:before {
    content: "ui-icon-get_app";
    font-family: "Material Icons";
}

#menu-button i:before {
    content: "menu";
    font-family: "Material Icons";
    font-style: normal;
    color: #286090;
    font-size: 24px;
}

#menu-button i {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
}

.layout-menu-static-inactive #menu-button i {
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    -ms-transform: rotate(0deg);
    transform: rotate(0deg);
}

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

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

.ui-icon-menu-item-exit-to-app:before {
    content: "exit_to_app"
}

.ui-icon-delete-row:before {
    content: "delete"
}

.ui-icon-content-copy-row:before {
    content: "content_copy"
}

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

.ui-icon-triangle-1-n:before {
    content: "\f106";
    font-family: 'FontAwesome';
    font-size: 18px;
}

.ui-icon-triangle-1-e:before {
    content: "keyboard_arrow_right";
}


.ui-icon-triangle-1-s:before {
    /*content: ""; }*/
    font-family: 'FontAwesome';
    font-size: 18px;
    content: "\f107";
}

.ui-icon-triangle-1-w:before {
    content: "";
}

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

.ui-icon-carat-1-e:before {
    content: "";
}

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

.ui-icon-carat-1-w: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 {
    font-family: 'FontAwesome';
    content: "\f00c";
    display: flex;
    justify-content: center;
    font-size: large;
}

.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 {
    font-family: 'FontAwesome';
    content: "\f00d";
}

.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: "";
}

.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-amka:before {
    content: "";
    font-size: 19px;
    color: #286090;
}

.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 {
    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: "";
}

.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: "";
}

.material-icons {
    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';
}

/* Theme General */
h1 {
    /*color: #3172AA; */
}

body {
    /* Messages */
    /* Info */
    /* Error */
    /* Warn */
    /* Fatal */
}

body .ui-widget,
body .ui-widget .ui-widget {
    /*font-family: 'Open sans', sans-serif; allagh new font family */
    font-family: Ubuntu, Arial, Helvetica, sans-serif;
    text-decoration: none;
}

body .ui-widget-content {
    background-color: #ffffff;
    /*    font-size: 16px;*/
    /*    border: 1px solid #bdbdbd;*/
}

body .ui-widget-content .ui-icon {
    color: #757575;
}

body .ui-widget-header {
    background-color: #3172AA;
    color: #908c8c;
    font-size: 14px;
    border: 1px solid #b0b6bc;
    padding: 0; /* allagh add this style here */
}

body .ui-widget-header .ui-icon {
    color: #000000;
}

body .ui-state-active, body .ui-state-highlight {
    /*background-color: #ECEDEF; !* allagh correct hover color of left menu items *!*/
    /*background-color: #fef5eb;*/
    /*color: #000; } allagh */
    color: #ec971f;
}

body .ui-state-active .ui-icon, body .ui-state-highlight .ui-icon {
    /*color: #757575 ;*/
}

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 {
    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; allagh we need the border line*/
    padding: 2px 2px 1px 2px;
    font-size: 16px;
    /*border-color: #bdbdbd; allagh border color*/
    border-color: #d1d7e0;
    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: 0;
    -webkit-border-radius: 0;
    /*border-radius: 0; allagh we need to have it*/
    border-radius: 0.375rem;
    width: 98%;
    height: 1.85rem;
}

body .ui-inputfield.ui-state-focus {
    border-width: 2px;
    border-color: #3172AA;
    padding-bottom: 0;
    box-shadow: 0 0 6px 1px #748091; /*allagh new shadow when the input focused*/
}

body .ui-inputfield.ui-state-disabled {
    /*border-bottom: 1px dotted; allagh */
}

body .ui-inputfield.ui-widget-content {
    border-width: 1px;
}

body .ui-inputfield.ui-state-error {
    border-color: #e62a10;
}

body .ui-panel {
    padding: 0;
    border-radius: 5px; /* allagh for correct appearance*/
    /*box-shadow: 1px 1px 2px;} allagh den theloume shadow*/
}

body .ui-panel .ui-panel-titlebar {
    /*border: 0 none; allagh border */
    border-bottom: 2px solid #ec971f;
    /* border-bottom: 1px solid $primaryColor; */
    /*      padding: 10px 16px;*/
    /*box-shadow: 0 1px 1px #ccc; allagh no shadow in panel title */
    -moz-border-radius: 2px 2px 0 0;
    -webkit-border-radius: 2px 2px 0 0;
    border-radius: 2px 2px 0 0;
}

body .ui-panel .ui-panel-titlebar .ui-panel-title {
    /*line-height: 30px; allagh den xreiazetai */
    font-size: large; /* allagh new font size */
    font-weight: bold; /* allagh prepei na einai bold */
    color: #000000;
}

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: #ffffff;

}

body .ui-panel .ui-panel-content {
    /*margin-top: 30px;*/
    /*  background: url("/eSearchAllMaterial/javax.faces.resource/images/background.jpg.xhtml?ln=primefaces-intra&v=14.0.0");*/
    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 {
    border: 0.2rem solid #d4dfe8;
    border-radius: 10px;
    padding-top: 0;
}

body .ui-fieldset .ui-fieldset-legend {
    /*padding: 10px 16px;*/
    /*padding-left: 2px;*/
    /*padding-right: 8px;*/
    /*color: #3172AA; }*/
    color: #5c5c5c;
    font-weight: 600;
}

body .ui-fieldset .ui-fieldset-legend .ui-fieldset-toggler {
    padding: 12px;
    /*background-color: #3172AA;*/
    background-color: #3172AA;
    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: #ffffff;
}

body .ui-fieldset .ui-fieldset-legend.ui-state-focus {
    background-color: transparent;
}

body .ui-notificationbar {
    background-color: #ffffff;
    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: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
}

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 {
    display: block;
    margin: 0 auto 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: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
}

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 {
    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: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
}

body .ui-selectonelistbox .ui-selectlistbox-item.ui-state-hover {
    /*background-color: #e8e8e8; allagh */
    /*color: #000000; } allagh */
    color: #ec971f;
}

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: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
}

body .ui-multiselectlistbox li.ui-multiselectlistbox-item.ui-state-hover {
    /*background-color: #e8e8e8; allagh */
    /*color: #000000; } allagh */
    color: #ec971f;
}

body .ui-paginator {
    background-color: #ffffff;
    padding: 10px 16px;
}

body .ui-paginator > a {
    margin-top: -1px;
    box-sizing: border-box;
    color: #908C8C;
}

body .ui-paginator > a span {
    display: none;
}

body .ui-paginator > a.ui-state-hover {
    background-color: #fef5eb; /* allagh otan ginetai hover */
    -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;
}

/*focus for the pages of pagination in datatable*/
body .ui-paginator .ui-paginator-pages a:focus {
    outline: 2px solid black !important;
    outline-offset: 2px;
}

body .ui-paginator .ui-paginator-pages a {
    color: #908C8C;
    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: #286090;
}

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: 3px 10px;
}

body .ui-datatable .ui-datatable-header,
body .ui-datatable .ui-datatable-footer {
    padding: 3px 10px;
}

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: 3px 10px;
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
}

/*focus for pagination in the elements of datatable*/
body .ui-datatable .ui-paginator > a:focus {
    outline: 2px solid black !important;
    outline-offset: 2px;
}

body .ui-datatable thead th {
    padding: 10px 14px;
    border: 0 none;
    border-top: 1px solid #bdbdbd;
    color: #FFFFFF; /*allagh xrwmatos gia na mporesoume na blepoume ti grafei me allo background*/
    background-color: #286090
}

/*background-color: #ffffff; } allagh gia na mporesoume na allaxoume to background sto xrwma pou theloume*/
body .ui-datatable thead th:first-child {
    border-left: 1px solid #bdbdbd;
}

body .ui-datatable thead th:last-child {
    display: table-cell; /* allagh */
    border-right: 1px solid #bdbdbd;
}

body .ui-datatable thead th.ui-state-hover {
    /*allages gia to hover tou header me ta onomata twn columns tou datatable*/
    /*background-color: #e8e8e8; 1 allagh*/
    background-color: #3172AA;
    /*color: #000000; }*/
    color: #ffffff;
}

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;
    /* 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: #286090; 2 allagh*/
    background-color: #3172AA;
    color: #ffffff;
    border-top-color: #286090;
}

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: 1px solid #bdbdbd; } allagh no border needed*/
}

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: #f4f4f4;
}

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: rgba(0, 0, 0, .075); /* allagh */
    color: #000000;
}

body .ui-datatable tbody tr td {
    /*border: 1px solid #cacaca; allagh no border lines */
    border: 0 solid #cacaca;
    padding: 6px 10px;
}

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: #ffffff;
    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: #ffffff;
}

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;
    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: #3172AA;
}

body .md-inputfield {
    display: block;
    position: relative;
}

body .md-inputfield-focused {
    top: -20px !important;
    font-size: 12px !important;
    color: #3172AA !important;
}

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 {
    top: -20px;
    font-size: 12px;
    color: #3172AA;
}

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;
    float: right; /* allagh */
    background-color: #286090;
    color: #ffffff;
    font-size: 16px;
    height: 36px;
    padding: 0 16px;
    /*border: 0 none;allagh for correct button ui */
    border: 5px;
    border-radius: 0.375rem; /* allagh new button radius */
    -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); allagh we don't need shadow */
    /*box-shadow: 0 1px 2.5px 0 rgba(0, 0, 0, 0.26), 0 1px 5px 0 rgba(0, 0, 0, 0.16); allagh we don't need shadow */
    -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: #3172AA;
}

body .ui-button.ui-state-focus {
    outline: 0 none;
    background-color: #286090;
}

body .ui-button .ui-button-text {
    padding: 0;
    line-height: 36px;
}

body .ui-button .ui-icon {
    color: #ffffff;
}

body .ui-button.ui-button-icon-only {
    -moz-border-radius: 50%;
    /*-webkit-border-radius: 50%; allagh for make the excel button more square */
    /*border-radius: 50%; allagh for make the excel button more square */
    /*width: 40px; allagh */
    /*height: 40px; allagh we don't need the height and width in icons */
}

body .ui-button.ui-button-icon-only .ui-icon {
    /*width: 24px; allagh */
    height: 24px;
    font-size: 24px;
    margin-top: -10px;
    margin-left: -8px;
}

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: 18px; /* allagh for better positioning */
    display: flex; /* allagh for better positioning */
    justify-content: center; /* allagh for better positioning */
    margin-top: -6.5%; /* allagh for better positioning */
    /*margin-top: -12px; allagh new margin */
}

body .ui-button.ui-button-text-icon-left {
    padding-left: 40px;
    /* allagh for margin the correct position for the button of the search criteria Search and Clean */
    margin-left: 1em;
    margin-top: 1em;
}

body .ui-button.ui-button-text-icon-right {
    padding-right: 40px;
}

body .ui-button.secondary {
    background-color: #ffffff;
    color: #ffffff;
}

body .ui-button.secondary.ui-state-hover {
    background-color: #3172AA;
}

body .ui-button.secondary.ui-state-focus {
    outline: 0 none;
    background-color: #2ebcfc;
}

body .ui-button.blue-grey-btn {
    background-color: #607D8B;
}

body .ui-button.blue-grey-btn.ui-state-hover {
    background-color: #37474F;
}

body .ui-button.blue-grey-btn.ui-state-focus {
    outline: 0 none;
    background-color: #7b96a3;
}

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: #ffffff;
    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: #006fd7;
}

body .ui-splitbutton .ui-splitbutton-menubutton {
    height: 36px;
    -moz-border-radius: 0 3px 3px 0;
    -webkit-border-radius: 0 3px 3px 0;
    border-radius: 0 3px 3px 0;
}

body .ui-splitbutton .ui-splitbutton-menubutton .ui-icon {
    margin-left: -12px;
}

body .ui-selectbooleanbutton.ui-state-active {
    background-color: #ffffff;
    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;
    color: #FFFFFF; /* allagh new color for the checked boxes */
}

body .ui-chkbox .ui-chkbox-box.ui-state-active {
    border-color: #3172AA;
    background-color: #3172AA;
}

body .ui-chkbox .ui-chkbox-box.ui-state-focus {
    /*border-color: #3172AA;*/
    border-color: #3172AA;
    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: #3172AA;
    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: #3172AA;
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
}

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);
}

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; allagh*/
    border: 1px solid #d1d7e0;
    box-sizing: border-box;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    /*border-radius: 0; allagh swsto radius*/
    border-radius: 5px;
    width: 99%; /*allagh add for correct length*/
    min-width: auto !important;
}

body .ui-selectonemenu.ui-state-focus {
    /*border-bottom: 2px solid #3172AA; allagh we need the all the border to change color*/
    border: 2px solid #3172AA;
    box-sizing: border-box;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    /*border-radius: 0; allagh radius we need to be more round */
    border-radius: 5px;
    box-shadow: 0 0 6px 1px #748091; /*allagh new shadow when the input focused*/
}

body .ui-selectonemenu .ui-selectonemenu-trigger {
    height: 24px;
    width: 24px;
    font-size: 24px;
    margin-top: 0;
    padding: 0;
    top: 0;
    margin-right: 0;
}

body .ui-selectonemenu .ui-selectonemenu-trigger .ui-icon {
    height: 24px;
    width: 24px;
    /*margin-top: -8px; allagh we don't need this */
    color: #757575;
}

body .ui-selectonemenu .ui-selectonemenu-label.ui-inputfield {
    /*font: 14px "Open sans", sans-serif; allagh new font */
    align-content: center; /* allagh for corect alignment */
}

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: 14px;
    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; allagh */
    /*color: #000000; } allagh */
    color: #ec971f;
}

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);
}

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 0 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: #ffffff;
    -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;
}

body #keypad-div .keypad-key {
    border: 0 none;
    background-color: #ffffff;
    font-size: 16px;
    padding: 4px;
    -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 #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: #3172AA;*/
    background-color: #3172AA;
    color: #ffffff;
}

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: #ffffff;
    color: #ffffff;
}

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: #ffffff;
}

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: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
}

body .ui-selectmanymenu .ui-selectlistbox-item.ui-state-hover {
    /*background-color: #e8e8e8; allagh */
    /*color: #000000; } allagh */
    color: #ec971f;
}

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: #ffffff;
}

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: 0;
    height: 12px;
    color: #757575;
}

body .ui-spinner .ui-spinner-up .ui-icon {
    top: 15px;
    display: flex;
    justify-content: center;
    align-items: center;
}

body .ui-spinner .ui-spinner-down .ui-icon {
    display: flex;
    top: 5px;
    justify-content: center;
    align-items: center;
}

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) 0 1px 3px 0, rgba(0, 0, 0, 0.13725) 0 1px 1px 0, rgba(0, 0, 0, 0.11765) 0 2px 1px -1px;
    -moz-box-shadow: rgba(0, 0, 0, 0.2) 0 1px 3px 0, rgba(0, 0, 0, 0.13725) 0 1px 1px 0, rgba(0, 0, 0, 0.11765) 0 2px 1px -1px;
    box-shadow: rgba(0, 0, 0, 0.2) 0 1px 3px 0, rgba(0, 0, 0, 0.13725) 0 1px 1px 0, rgba(0, 0, 0, 0.11765) 0 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: #d8d8d8;
    border-color: #d8d8d8;
}

body .ui-inputswitch.ui-inputswitch-checked .ui-inputswitch-handle {
    background-color: #ffffff;
    color: #ffffff;
}

body .ui-slider .ui-slider-handle {
    background-color: #ffffff;
    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: #ffffff;
    color: #ffffff;
}

body .ui-calendar .ui-datepicker-trigger {
    margin-right: 1%;
    /*top: 6px; allagh correct alignment*/
    /*right: 28px; allagh correct alignment*/
    /*background-color: transparent; allagh we need to set background color */
    background-color: #286090; /* allagh transparent --> #286090 */
    color: #212121;
    height: 2.25rem; /* allagh 15px --> 2.25rem */
    width: 9%; /* allagh 25px --> 8% */
    box-shadow: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    /*border-radius: 0; allagh radius */
    border-radius: 0 5px 5px 0;
}

body .ui-calendar .ui-datepicker-trigger .ui-icon {
    /*color: #757575; allagh gia swstous xrwmatismous me diaforetiko background*/
    /* add all the above css style */
    color: #ffffff;
    background-color: #286090;
    border-radius: 0 5px 5px 0;
    border-color: #286090;
}

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: #ffffff;
    border-color: #ffffff;
    -moz-border-radius: 2px 2px 0 0;
    -webkit-border-radius: 2px 2px 0 0;
    border-radius: 2px 2px 0 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'; }*/
/* allagh */
body .ui-datepicker .ui-datepicker-header .ui-datepicker-next {
    cursor: pointer;
    font-family: 'Material Icons';
    top: 50%;
    font-size: larger;
    margin-top: -1rem;
    width: 2rem;
    height: 2rem;
    background: rgba(0, 0, 0, 0);
    color: #6c757d;
    transition: background-color .2s, color .2s, border-color .2s, box-shadow .2s, opacity .2s;
    border-radius: 50%;
    border: 0 none;
    text-align: center;
    line-height: 2rem;
    padding: 0;
    user-select: none;
}

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; }*/
/* allagh */
body .ui-datepicker .ui-datepicker-header .ui-datepicker-prev {
    cursor: pointer;
    font-family: 'Material Icons';
    top: 50%;
    font-size: larger;
    margin-top: -1rem;
    width: 2rem;
    height: 2rem;
    background: rgba(0, 0, 0, 0);
    color: #6c757d;
    transition: background-color .2s, color .2s, border-color .2s, box-shadow .2s, opacity .2s;
    border-radius: 50%;
    border: 0 none;
    text-align: center;
    line-height: 2rem;
    padding: 0;
    user-select: none;
    rotate: 180deg;
}

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: #3172AA; }*/
    background: #3172AA;
}

body .ui-datepicker tbody td {
    padding: 2px;
    text-align: center; /* allagh */
    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;
}

body .ui-datepicker tbody td a.ui-state-active, body .ui-datepicker tbody td span.ui-state-active {
    /*background-color: #0055a4;*/
    background-color: #3172AA;
    color: #ffffff;
}

body .ui-datepicker tbody td.ui-datepicker-today a, body .ui-datepicker tbody td.ui-datepicker-today span {
    color: #212121;
    background-color: #ffffff;
    /*border: 1px solid #ffffff; } allagh */
    border: 2px solid #286090;
}

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: #ffffff;
    color: #286090;
    font-weight: bolder;
}

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: #0055a4;*/
    border-color: #3172AA;
    padding-bottom: 0;
}

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: 'Open sans', sans-serif; } allagh new font family*/
    font-family: Ubuntu, Arial, Helvetica, 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;
    /* 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-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;
    /* 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-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;
    /* 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;
    /* 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; allagh new spacing for the top */
    top: 100px;
    width: 330px;
}

body .ui-growl > .ui-growl-item-container {
    background-color: #f3f3f3;
    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: #a94442;
    padding: 4px;
}

body .ui-growl .ui-growl-item .ui-growl-image.ui-growl-image-info {
    font-family: 'FontAwesome';
    font-weight: normal;
    font-style: normal;
    /* 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: 'FontAwesome';
    font-weight: normal;
    font-style: normal;
    /* 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: 'FontAwesome';
    font-weight: normal;
    font-style: normal;
    /* 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: 'FontAwesome';
    font-weight: normal;
    font-style: normal;
    /* 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: #a94442; allagh we want to overwrite the color */
    margin-right: 20px;
}

/* allagh no need for now if this color */
/*body .ui-growl .ui-growl-item .ui-growl-message p {*/
/*    color: #000000; }*/
body .ui-growl .ui-growl-item .ui-growl-icon-close {
    font-family: 'FontAwesome';
    font-weight: normal;
    font-style: normal;
    /* 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: #4d4d4d; */
}

body .ui-growl .ui-growl-item .ui-growl-icon-close:before {
    /*content: ""; }*/
    content: "\f00d";
}

/* allagh new close icon (FontAwesome) for the growls */
body .ui-accordion .ui-accordion-header {

    background: #EAEFF4;
    padding: 10px 16px 10px 40px;
    /* color: #97979b;*/
    color: #333;
    font-size: 16px;
    -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: #D8D6D6;
    /*color: #dadce1; allagh comment out */
}

body .ui-accordion .ui-accordion-header.ui-state-active {
    color: #333;
    font-weight: bold;
    background: #EAEFF4;
    border-radius: 0.375rem;
    /* background: linear-gradient(to bottom, #F9F9F9 0%, #D7D5D5 100%);*/
    /* background-color: #ffffff;*/
    /* color: #ffffff;*/
}

body .ui-accordion .ui-accordion-header.ui-state-active.ui-tabs-outline {
    outline: 0 none;
    background-color: #EAEFF4;
}

/* allagh new background color old: #2ebcfc */
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;} allagh prev margin top */
    margin-top: -18px;
}

body .ui-accordion .ui-accordion-header.ui-tabs-outline {
    background-color: #EAEFF4;
}

/*background-color: #006fd7; } allagh old comment out */
body .ui-accordion .ui-accordion-content {
    padding: 10px 16px;
    line-height: 24px;
    background-color: #F6F8FA; /* allagh old: - , new: add background color */
}

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: #286090;
}


body .ui-toolbar {
    color: #000000;
    /* background-color: #286090;*/
    /*background: url("/eSearchAllMaterial/javax.faces.resource/images/footer_background.png.xhtml?ln=primefaces-intra&v=14.0.0"); allagh backgroung*/
    /*background-color: #FFFFFF;*/
    height: 64px; /* itan 72*/
    /*allagh bgazoume to shadow apo to toolbar*/
    /*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: 1px;
    display: table !important; /* Αντικαθιστά το block - ΚΡΙΣΙΜΟ */
    width: 100% !important; /* Εξασφαλίζει πλήρες πλάτος */
    clear: both; /* Εξαναγκάζει νέα γραμμή */
    box-sizing: border-box; /* Αναγκαίο για σωστό υπολογισμό πλάτους */

}


body .ui-toolbar input {
    border-color: #fff;
    color: #fff;
    margin-top: 5px;
}

body .ui-toolbar input::-webkit-input-placeholder {
    /* Chrome/Opera/Safari */
    color: #fff;
}

body .ui-toolbar input::-moz-placeholder {
    /* Firefox 19+ */
    color: #fff;
}

body .ui-toolbar input:-ms-input-placeholder {
    /* IE 10+ */
    color: #fff;
}

body .ui-toolbar input:-moz-placeholder {
    /* Firefox 18- */
    color: #fff;
}

body .ui-tabs {
    /*padding: 0;*/
    overflow-y: auto; /* allagh */
}

body .ui-tabs .ui-tabs-nav {
    background-color: #ffffff;
    border: 0 none;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
}

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: #ffffff;
    border-style: solid;
}

body .ui-tabs .ui-tabs-nav > li.ui-state-active a {
    /*color: #0055a4; }*/
    color: #3172AA;
}

body .ui-tabs .ui-tabs-nav > li.ui-state-active > .ui-icon-close {
    color: #ffffff;
}

body .ui-tabs .ui-tabs-nav > li.ui-tabs-outline {
    outline: 0 none;
    border-color: #d8d8d8;
}

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; } allagh we don't want borders */
}

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; } allagh we don't want borders */
}

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; } allagh we don't want borders */
}

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: #ffffff;
    -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 #ffffff;
    -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: #000000;
    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: #0055a4; }*/
    background-color: #3172AA;
}

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: 1px 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 {
    box-shadow: 0 2px 1px #ccc;
    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: #ec971f;
}

body .ui-menu .ui-menu-list li.ui-menuitem .ui-menuitem-link {
    /*border: 0 none;*/
    /*padding: 5px 11px;*/
    width: 100%;
    min-height: 36px;
    box-sizing: border-box;
    color: #212121;
    /*line-height: 24px;*/
    /*-moz-border-radius: 0;*/
    /*-webkit-border-radius: 0;*/
    border-radius: 0;
    position: relative;
    display: flex;
    align-items: center;
}

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 {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 12px;
    /*display: inline-block; allagh */
    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;
    overflow-y: hidden; /* allagh */
}

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;
}

/* Toggleable fieldset start */
.ui-fieldset-toggleable legend.ui-fieldset-legend.ui-corner-all.ui-state-default {
    padding-bottom: 0;
    padding-top: 0.75rem;
}

span.ui-fieldset-toggler.ui-icon.ui-icon-plusthick,span.ui-fieldset-toggler.ui-icon.ui-icon-minusthick{
    width: 0.7em;
    height: 0.9em;
    text-indent: -0.13em;
    margin-left: -0.2em;
}

span.ui-fieldset-toggler.ui-icon.ui-icon-plusthick {
    background-color: #286090;
}

span.ui-fieldset-toggler.ui-icon.ui-icon-minusthick {
    background-color: #d4dfe8;
    color: #5c5c5c;
    font-weight: bold;
}

span.ui-fieldset-toggler.ui-icon.ui-icon-plusthick:hover, span.ui-fieldset-toggler.ui-icon.ui-icon-plusthick.ui-state-hover, span.ui-fieldset-toggler.ui-icon.ui-icon-minusthick.ui-state-hover, span.ui-fieldset-toggler.ui-icon.ui-icon-minusthick:hover {
    background-color: #3172AA !important;
}

span.ui-fieldset-toggler.ui-icon.ui-icon-minusthick.ui-state-hover, span.ui-fieldset-toggler.ui-icon.ui-icon-minusthick:hover {
    color: white;
}
/* Toggleable fieldset end */

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;
    box-shadow: 1px 1px 2px;
}

body .ui-menu.ui-menubar .ui-menu-child {
    padding: 8px 0;
}

body .ui-menu.ui-menubar .ui-menubar-options {
    padding: 5px 8px;
}

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: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
}

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: #ffffff;
    border-style: solid;
}

body .ui-tabmenu .ui-tabmenu-nav > .ui-tabmenuitem.ui-state-active a {
    /*color: #0055a4; }*/
    color: #3172AA;
}

body .ui-tabmenu .ui-tabmenu-nav > .ui-tabmenuitem.ui-state-active a .ui-icon {
    /*color: #0055a4; }*/
    color: #3172AA;
}

body .ui-panelmenu .ui-panelmenu-header {
    /*    background-color: #0055a4;*/
    /*color: #908C8C;*/
    color: #FFFFFF;
    /*background: linear-gradient(to right, #F5F5F5 0%, #F5F5F5 100%);*/
    margin-bottom: -2px;
    margin-top: 5px;
}

body .ui-panelmenu .ui-panelmenu-header a {
    background: linear-gradient(to bottom, #EAEFF4 0%, #EAEFF4 100%);
    /*background: #FFFFFF; !* allagh color *!*/
    padding: 10px 16px 10px 42px;
    color: #000000;
    /*color: #FFFFFF;*/
    font-size: 16px;
    border-radius: 5px;
}

body .ui-panelmenu .ui-panelmenu-header .ui-icon {
    /*color: #908C8C; allagh correct icon color */
    color: #000000;
    margin-top: -1.1rem;
    /*display: none;*/
}

body .ui-panelmenu .ui-panelmenu-header.ui-state-active {
    /*      background-color: #286090; */
    margin-top: 5px;
    color: #ffffff;
    background: linear-gradient(to right, #F5F5F5 0%, #F5F5F5 100%);
    -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;*/
    color: #000000;
    background: linear-gradient(to bottom, #EAEFF4 0%, #EAEFF4 100%);
    /*background: #FFFFFF; !* allagh new background color *!*/
    font-weight: normal;
    /*border: #ccc 1px solid;*/
    border-radius: 5px;
}

body .ui-panelmenu .ui-panelmenu-content {
    background-color: #F9F9F9;
    border-radius: 5px;
    /*padding: 10px !important;*/
}

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; allagh correct size of the buttons in the left menu*/
    height: 50px;
    box-sizing: border-box;
    color: #212121;
    line-height: 24px;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 5px;
    position: relative;
    white-space: nowrap;
    overflow: hidden;
}

body .ui-panelmenu .ui-panelmenu-content .ui-menuitem .ui-menuitem-link.ui-state-hover {
    /*background-color: #e8e8e8; allagh correct hover color of left menu items */
    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;
    font-size: 20px;
    color: #333
}

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; allagh */
    font-size: 14px;
}

body .ui-carousel .ui-carousel-page-links {
    margin-top: 2px;
}

body .ui-tree {
}

/*padding: 10px 16px/2; } allagh */
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: #ffffff;
}

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: #ffffff;
    color: #ffffff;
}

body .ui-tree-draghelper {
    /*border: 1px solid #0055a4; }*/
    border: 1px solid #3172AA;
}

body .fc .fc-button-group .ui-icon {
    margin-top: 3px;
}

body .fc .fc-button-group .ui-state-active {
    background-color: #ffffff;
}

body .fc .fc-event {
    background-color: #ffffff;
    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: #ffffff;
    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;
    /* 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: #ffffff;
}

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: #ffffff; allagh new backgroun color */
    background-color: #286090;
    /*color: #212121; allagh new color */
    color: #FFFFFF;
    border-radius: 5px 5px 0 0; /* allagh for the radius of the dialog */
    padding: 10px 16px;
}

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: #e8e8e8;
    color: #000000;
}

body .ui-dialog .ui-dialog-titlebar .ui-dialog-titlebar-icon .ui-icon {
    /*color: #757575; allagh new color to fit with the contrast of background */
    color: #ffffff;
    background: #286090;
}

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;
    font-family: 'FontAwesome';
    display: flex;
    justify-content: flex-end;
    margin-top: -10%;
}

body .ui-dialog .ui-dialog-buttonpane .ui-button.ui-state-hover, body .ui-dialog .ui-dialog-footer .ui-button.ui-state-hover {
    background-color: #e8e8e8;
    color: #000000;
}

body .ui-dialog .ui-confirm-dialog-severity {
    margin: 0 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; allagh */
    padding: 0;
    margin: 0;
    /*line-height: #212121; allagh */
    width: 24px;
    height: 24px;
}

body .ui-lightbox .ui-lightbox-caption .ui-lightbox-close.ui-state-hover {
    background-color: #ffffff;
    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: #fff;
}

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: #ffffff;
    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: #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;
    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: #0055a4; }*/
    background-color: #3172AA;
}

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: #286090;
}

body .ui-fileupload .ui-fileupload-buttonbar .ui-button.ui-state-hover {
    /*background-color: #0055a4; }*/
    background-color: #3172AA;
}

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: #ffffff;
}

body .ui-tagcloud li {
    margin: 4px 0;
}

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: #ffffff;
    border-color: #ffffff;
    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;

}

@media (max-width: 640px) {
    .ui-dialog {
        width: 90% !important;
    }

    .menu-left img {
        width: 45px;
    }

    body .ui-datatable tbody tr td {
        padding: 4px 10px;
    }

    .submissionCol {
        font-size: 10px !important;
    }

    .ui-datatable-reflow {
        font-size: 10px !important;
    }

    #fromDate_input {
        width: 130px;
    }

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

    #parameter3 {
        font-size: 14px !important;
        min-width: 175px !important;
    }

    .ui-selectonemenu-list-item {
        font-size: 12px !important;


    }

    #parameter3_panel {
        left: 0 !important;
    }

    body .ui-selectonemenu .ui-selectonemenu-label.ui-inputfield {
        font-size: 12px !important;
    }

    body .ui-widget-header {
        font-size: 12px;
    }

    body .ui-selectcheckboxmenu-panel {
        width: 30%;
    !important;
    }


    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 INTRASOFT STYLES ------------*/
/*------ No Full Width ------*/
.no_full {
    float: left;
    margin-right: 15px;
    margin-top: 4px;
}

.no_full_left {
    display: inline-block;
    margin-left: 15px;
}

/*------ Animated Areas ------*/
.area_with_animation {
    position: relative;
    overflow: visible;
    display: inline-block;
    width: 100%;
    min-height: 100vh;

    /*background: url("/eSearchAllMaterial/javax.faces.resource/images/background.jpg.xhtml?ln=primefaces-intra&v=14.0.0");*/
}

.right_animation {
    z-index: 9;
    position: absolute;
    /* top: 50px;*/
    right: auto;
    -webkit-animation: rightanim linear 1 0.75s;
    -moz-animation: rightanim linear 1 0.75s;
    -o-animation: rightanim linear 1 0.75s;
    animation: rightanim linear 1 .75s;
    min-height: 100%;
    background-color: #f5f5f5;
    overflow: hidden;
}

@-webkit-keyframes rightanim {
    0% {
        right: -100%;
    }
    70% {
        right: -5%;
    }
    100% {
        right: 0;
    }
}

@-moz-keyframes rightanim {
    0% {
        right: -100%;
    }
    70% {
        right: -5%;
    }
    100% {
        right: 0;
    }
}

@-o-keyframes rightanim {
    0% {
        right: -100%;
    }
    70% {
        right: -5%;
    }
    100% {
        right: 0;
    }
}

@keyframes rightanim {
    0% {
        right: -100%;
    }
    70% {
        right: -5%;
    }
    100% {
        right: 0;
    }
}

.left_animation {
    /* position: absolute;*/
    position: fixed;
    z-index: 9;

    /* top: 50px;*/
    -webkit-animation: leftanim linear 1 .75s forwards;
    -moz-animation: leftanim linear 1 .75s forwards;
    -o-animation: leftanim linear 1 .75s forwards;
    animation: leftanim linear 1 .75s forwards;
    min-height: 100%;
    background-color: #ffffff;
    overflow: hidden;
}

@-webkit-keyframes leftanim {
    0% {
        right: 0;
    }
    70% {
        right: -95%;
    }
    100% {
        right: -100%;
    }
}

@-moz-keyframes leftanim {
    0% {
        right: 0;
    }
    70% {
        right: -95%;
    }
    100% {
        right: -100%;
    }
}

@-o-keyframes leftanim {
    0% {
        right: 0;
    }
    70% {
        right: -95%;
    }
    100% {
        right: -100%;
    }
}

@keyframes leftanim {
    0% {
        right: 0;
    }
    70% {
        right: -95%;
    }
    100% {
        right: -100%;
    }
}

/*------ Sticky Top and bottom Toolbar ------*/
.top_sticker, .bottom_sticker {
    background-color: #f7f7f7;
    z-index: 90 !important;
}

.bottom_sticker {
    top: auto !important;
    bottom: 0;
}

.layout-menu-static-inactive .is-sticky .top_sticker, .layout-menu-static-inactive .is-sticky .bottom_sticker {
    width: 97% !important;
}

@media (max-width: 1024px) {
    .ui-dialog {
        width: 50% !important;
    }

    .menu-layout-static .bottom_sticker {
        width: 100% !important;
        padding: 0;
        position: fixed;
        left: 0;
    }
}

/*------ Loaders ------*/
.intraloader {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100vh;
    z-index: 99999;
    text-align: center;
    background-color: #fff;
    opacity: 0.9;
    padding-top: 20%;
}

.intraloader_corner {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;       /* 100% του viewport width */
    height: 100vh;      /* 100% του viewport height */
    z-index: 99999;
    background: rgba(150, 150, 150, 0.8); /* Ανοιχτό γκρι με διαφάνεια */
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0;
    padding: 0;
}

.intraloader_corner img {
    display: block;     /* Σημαντικό για εικόνες */
    max-width: 100%;    /* Για responsiveness */
}


.intraloader_corner_old {
    position: fixed;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100vh;
    z-index: 99999;
    background: rgba(39, 44, 39, 0.3);
}

.intraloader_corner_old img {
    position: fixed;
    bottom: 50px;
    right: 10px;
}

/*------ Breadcrumb ------*/
.header_breadcrumb {
    position: absolute;
    left: 215px;
}

.header_breadcrumb ul {
    margin: 0;
}

.header_breadcrumb ul li {
    display: inline-block;
    list-style: none;
    font-size: 18px;
    color: #676767;
    font-weight: 300;
    padding: 21px;
    border-right: #e8e8e8 solid 1px;
}

.header_breadcrumb ul li a {
    color: #676767;
    font-weight: 300;
}

/*
.header_breadcrumb ul li:after{
    content: '/';
    margin-left: 7px;
    margin-right: 7px;
    color: $breadcrumbColor;
    opacity: 0.7;
}
.header_breadcrumb ul li:last-child:after{
    display: none;
}*/
@media (max-width: 670px) {
    .ui-dialog {
        width: 80% !important;
    }

    .header_breadcrumb {
        display: none;
    }
}

/*------ RIGHT TOP MENU - LINKS SQUARE VIEW ------*/
ul.square_list_view {
    padding: 5px 4px 1px 5px !important;
    right: -7px !important;
    top: 42px !important;
}

ul.square_list_view li {
    width: 49%;
    text-align: center;
    display: inline-block;
    background-color: #efefef;
    min-height: 72px;
}

ul.square_list_view li a {
    padding: 10px;
    font-size: 13px !important;
    min-height: 72px;
}

ul.square_list_view li a i {
    width: 100%;
}

/*------ NEW DASHBOARD ------*/
.new_dash {
    overflow: visible;
    padding-top: 33px; /* itan 50 */
    /* background: url("/eSearchAllMaterial/javax.faces.resource/images/bg.jpg.xhtml?ln=primefaces-intra&v=14.0.0")  !important;
   background-repeat: no-repeat !important;*/
}

.new_dash .dash_top_toolbar {
    width: 100%;
    /*height: 53px; allagh height of the header*/
    height: 74px; /* itan 88*/
    /* background-color: #286090;*/
    /* background: url("/eHealthInsuranceRecordInsPersonNew/javax.faces.resource/images/footer_background.png.xhtml?ln=primefaces-intra");*/
    /*background: url("/eSearchAllMaterial/javax.faces.resource/images/footer_background.png.xhtml?ln=primefaces-intra&v=14.0.0"); allagh background color*/
    /*background-color: #f5f5f5; allagh se pio white background*/
    background-color: #ffffff;
    border-bottom: solid 3px #ec971f;
}

.new_dash .dash_top_toolbar .left_area {
    float: left;
}

.new_dash .dash_top_toolbar .right_area {
    float: right;
    color: #fff;
}

.new_dash .dash_main_content {
    min-height: 45vh;
    background-color: #f9fafa;
    position: absolute;
    left: 0;
    width: 100%;
    border-bottom: solid 1px #ebebeb;
    z-index: 1;
}

.new_dash .dash_top_toolbar .left_area .categories_left_button {
    min-width: 50px;
    height: 50px;
    float: left;
}

.new_dash .dash_top_toolbar .left_area .categories_left_button button i {
    color: #286090;
    font-size: 28px !important;
    margin-top: 10px;
}

.main_dash_title {
    margin-left: 15px;
    display: inline-block;
}

.main_dash_title h1 {
    /*font-size: 20px !important; allagh font sixe tou header title*/
    font-size: min(3.2vw, 1.5rem) !important;
    color: #5c5c5c; /*allagh tou xrwmatos me bash ths react*/
    /*margin-top: 25px !important; allagh apostasis apo to top*/
    margin-top: 42px !important;
    line-height: 0 !important;
    font-weight: bold !important; /* allagh for correct appearance */
}

.dropbtn {
    /* background-color:#286090;  #4db3ff*/
    /*color: #fff; allagh xrwmatos icon*/
    color: #286090;
    /*padding: 12px 16px; allagh smaller icon for user menu*/
    border: none;
    cursor: pointer;
}

.dropbtn:before {

    /*  content: "\E1B8";
    font-family: "Material Icons";
    font-size: 24px; */
}

/* Dropdown button on hover & focus */
.dropbtn:hover, .dropbtn:focus {
    /*background-color: #2779b7; } allagh kai tipota na ginetai otan kaneis focus sto user menu*/
}

/* The container <div> - needed to position the dropdown content */
.dropdown {
    position: relative;
    display: inline-block;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
    display: none;
    position: absolute;
    background-color: #2779b7;
    width: 303px;
    padding: 20px 20px 20px 18px;
    box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2);
    z-index: 10;
    height: 100vh;
    -webkit-animation: dashtop linear 1 0.25s;
    -moz-animation: dashtop linear 1 0.25s;
    -o-animation: dashtop linear 1 0.25s;
    animation: dashtop linear 1 .25s;
}

@-webkit-keyframes dashtop {
    0% {
        height: 20vh;
        opacity: 0.2;
    }
    80% {
        height: 90vh;
        opacity: 0.9;
    }
    100% {
        height: 100vh;
        opacity: 1;
    }
}

@-moz-keyframes dashtop {
    0% {
        height: 20vh;
        opacity: 0.2;
    }
    80% {
        height: 90vh;
        opacity: 0.9;
    }
    100% {
        height: 100vh;
        opacity: 1;
    }
}

@-o-keyframes dashtop {
    0% {
        height: 20vh;
        opacity: 0.2;
    }
    80% {
        height: 90vh;
        opacity: 0.9;
    }
    100% {
        height: 100vh;
        opacity: 1;
    }
}

@keyframes dashtop {
    0% {
        height: 20vh;
        opacity: 0.2;
    }
    80% {
        height: 90vh;
        opacity: 0.9;
    }
    100% {
        height: 100vh;
        opacity: 1;
    }
}

.dropdown-content .row_group {
    width: 100%;
    margin-bottom: 2px;
    line-height: normal;
    float: left;
}

/* Links inside the dropdown */
.left_area .dropdown-content a {
    color: #fff;
    padding: 12px 16px;
    text-decoration: none;
    float: left;
    font-size: 9px;
    text-align: center;
    width: 65px;
    min-height: 82px;
    background: white;
    /* Fall-back for browsers that don't support rgba */
    background: rgba(255, 255, 255, 0.2);
    margin-right: 1px;
    margin-left: 1px;
    line-height: normal;
}

.left_area .dropdown-content a i {
    width: 100%;
    font-size: 36px;
}

.left_area .dropdown-content a span {
    margin-top: 5px;
    display: inline-block;
}

.dash_main_content {
    padding-top: 50px;
}

.dash_main_content h2 {
    font-weight: 300;
    font-size: 28px;
}

.dash_main_content .material-icons {
    font-size: 28px !important;
    margin-top: 10px;
    width: 100%;
}

.dash_main_content a {
    color: #fff;
    padding: 12px 16px;
    text-decoration: none;
    display: inline-block;
    font-size: 13px;
    text-align: center;
    width: 85px;
    min-height: 85px;
    background-color: #286090;
    margin-right: 4px;
    line-height: 16px;
    white-space: normal;
    vertical-align: text-top;
    -o-transition: .3s;
    -ms-transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    transition: .3s;
}

.dash_main_content a span {
    display: inline-block;
    margin-top: 10px;
}

.dash_main_content a:hover {
    background: #2779b7;
}

.right_area button {
    /*border-left: solid 1px #4261ab; allagh oute auto*/
    /*background-color: #286090; allagh den xreiazomaste background color*/
    float: left;
}

.right_area .dropdown-content {
    display: none;
    position: absolute;
    /*background-color: #2779b7; allagh background gia na einai opws sthn react*/
    background-color: #ffffff;
    width: 275px;
    padding: 20px 20px 20px 18px;
    /*box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2); allagh den xreiazomaste shadow*/
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
    z-index: 10;
    right: 0;
    top: 51px;
    height: auto !important;
    -webkit-animation: dashright linear 1 0.25s;
    -moz-animation: dashright linear 1 0.25s;
    -o-animation: dashright linear 1 0.25s;
    /*animation: dashright linear 1 .25s; } allagh gia na emfanizetai apo panw pros ta katw kai oxi apo ta plagia*/
    animation: dashtop linear 1 .25s;
}

@-webkit-keyframes dashright {
    0% {
        right: -300px;
        opacity: 0.2;
    }
    80% {
        right: -100px;
        opacity: 0.9;
    }
    100% {
        right: 0;
        opacity: 1;
    }
}

@-moz-keyframes dashright {
    0% {
        right: -300px;
        opacity: 0.2;
    }
    80% {
        right: -100px;
        opacity: 0.9;
    }
    100% {
        right: 0;
        opacity: 1;
    }
}

@-o-keyframes dashright {
    0% {
        right: -300px;
        opacity: 0.2;
    }
    80% {
        right: -100px;
        opacity: 0.9;
    }
    100% {
        right: 0;
        opacity: 1;
    }
}

@keyframes dashright {
    0% {
        right: -300px;
        opacity: 0.2;
    }
    80% {
        right: -10px;
        opacity: 0.9;
    }
    100% {
        right: 0;
        opacity: 1;
    }
}

.dropbtn.menu-one:before {
    content: "\E853";
    font-family: "Material Icons";
    font-size: 30px;
}

.dropbtn.menu-two:before {
    content: "\E8B9";
    font-family: "Material Icons";
    font-size: 24px;
}

.right_area .dropdown-content ul {
    padding: 0;
    /*allagh gia na einai swsta stoixismena*/
    margin: -6px 0 0;
}

.right_area .dropdown-content ul li {
    /*border-bottom: 1px solid #ccc; allagh den to exoun sto react*/
    list-style: none;
    /*color: #fff; allagh xrwmatos opws sto right menu react*/
    color: #5c5c5c;
    font-size: 14px;
}

.right_area .dropdown-content a {
    /*color: #fff; allagh xrwmatos opws sto right menu react*/
    color: #5c5c5c;
    text-decoration: underline;
}

.right_area .dropdown-content p {
    color: #fff;
    font-size: 14px;
}

/* Change color of dropdown links on hover */
.dropdown-content a:hover {
    color: #ec971f;
    /*background-color: #4db3ff; } allagh na mhn allazei to backgroun color*/
}

/* Show the dropdown menu (use JS to add this class to the .dropdown-content container when the user clicks on the dropdown button) */
.dash_top_toolbar .show {
    display: block;
    width: max-content; /* allagh megethous right menu */
    margin-right: 2rem;
    margin-top: 1rem;
}

@media (max-width: 400px) {
    .ui-dialog {
        width: 90% !important;
    }

    .main_dash_title h1 {
        font-size: 16px !important;
    }
}

/* NEW GROWL */
body .ui-growl > .ui-growl-item-container {
    border-left: solid 4px #286090;
}

body .ui-growl .ui-growl-item .ui-growl-image.ui-growl-image-error:before {
    content: "";
    font-size: 36px;
    font-family: "Material Icons";
}

body .ui-growl .ui-growl-item .ui-growl-image.ui-growl-image-error {
    float: left;
    margin-top: 5px;
    margin-left: 3px;
    margin-right: 3px;
}

body .ui-growl .ui-growl-item {
    padding: 0;
}

body .ui-growl .ui-growl-item .ui-growl-message {
    float: none;
    width: 100%;
    padding: 0;
}

body .ui-growl-image-info {
    color: #286090 !important;
}

body .ui-growl .ui-growl-item .ui-growl-message span {
    /*color:   #286090; allagh for be able to change the color of the growl words */
    padding: 10px 30px 10px 15px;
    font-size: 15px;
    line-height: 18px;
}

body .ui-growl .ui-growl-item .ui-growl-message p {
    padding: 0 5px 10px 15px;
}

/* NEW HEADER */
.alternative_header {
    position: relative;
}

.box_name {
    /*background-color: #0055a4;*/
    background-color: #3172AA;
    color: #fff;
    border: solid 1px #fff;
    text-align: center;
    position: absolute;
    width: 100px;
    height: 80px;
    left: 20px;
}

.box_name span {
    padding-top: 30px;
    padding-bottom: 30px;
    font-size: 30px;
    font-weight: 300;
    display: inline-block;
}

.right_area_options .title {
    margin-bottom: 10px;
    padding-left: 120px;
}

.right_area_options .title span {
    font-size: 24px;
    font-weight: 300;
    padding: 0 0 0 10px;
}

.right_area_options .options {
    /*border-top: solid 3px #0055a4;*/
    border-top: solid 3px #3172AA;
    background-color: #fff;
    padding-left: 120px;
}

.right_area_options .options .align-right-btn {
    float: right;
    display: inline-block;
    padding: 0;
    margin: 0;
}

.right_area_options .options .align-left-btn {
    float: left;
}

body .right_area_options .ui-widget-content {
    border: 0;
}

/* Table Button Header - Right */
.align-right-btn {
    float: right;
    display: inline-block;
    padding: 5px 0 5px 7px;
    margin: -8px -10px 0 0;
    border-left: solid 1px #fff;
}

body {
    font-family: Ubuntu, Arial, Helvetica, sans-serif;
    text-decoration: none;
}

body .ui-widget, body .ui-widget .ui-widget {
    /*font-family: "Ubuntu", sans-serif !important; allagh */
    text-decoration: none;
    /* margin-bottom: 7px;*/

}

.ui-selectonemenu-label .ui-inputfield {
    font-family: "Ubuntu", sans-serif !important;
}

.jqplot-target {
    font-family: "Ubuntu", sans-serif !important;
}

body .ui-widget-header {
    background: #FFFFFF;
    /*margin:2px 0; allagh fix dialog header */
    border: none;
}

body .ui-widget-header th.ui-widget-header {
    /*background: #0055a4; }*/
    background: #3172AA;
}

body td.ui-state-highlight {
    background-color: #e8e8e8;
    color: #000;
}

body .ui-toolbar.ui-widget-header {
    background: #e8e8e8;
    box-shadow: 1px 1px 2px;
    color: #ccc;
}

.ui-panel .ui-panel-titlebar {
    padding: 0.3em 1.0em .5em !important;
}

.ui-datatable table {

    font-size: 12px !important;
}

.ui-dialog {
    margin: 0 0 70px 0 !important;
    max-height: 80%;
    top: 10% !important;
    overflow-y: auto !important;
}

/*#908C8C #286090  #0055a4;*/

.banner-content .banner-content a {
    color: #fff;
    background: rgba(10, 20, 126, 0.2);
    padding: 20px !important;
    text-decoration: none;
    float: left;
    font-size: 13px;
    text-align: center;
    width: 65px;
    min-height: 82px;

    /* Fall-back for browsers that don't support rgba */
    /*  background: rgba(255, 255, 255, 0.2);*/
    margin-right: 1px;
    margin-left: 1px;
    line-height: normal;
}

.banner-content {

    background-color: #ffffff; /* #2779b7 */
    /* background: url("/eSearchAllMaterial/javax.faces.resource/images/background.jpg.xhtml?ln=primefaces-intra&v=14.0.0");*/
    padding: 20px 20px 20px 18px;
    /*box-shadow: 0 8px 16px 0 rgba(0, 0, 0, 0.2); allagh */
    z-index: 10;
    right: 0;
    top: 51px;
    height: 100%;
    -webkit-animation: dashright linear 1 0.25s;
    -moz-animation: dashright linear 1 0.25s;
    -o-animation: dashright linear 1 0.25s;
    animation: dashright linear 1 .25s;
}

.banner-content .row_group a {
    /*    width: 100%;*/

    line-height: 5em;
    margin: 5px;
    float: left;
    background: rgba(10, 20, 126, 0.2);
    padding: 20px !important;
    color: #fff;
}

.banner-content .banner {

    /* background: #286090;  Old browsers */
    background: rgb(236, 237, 239);
    /*border: 1px #bfb7b7 solid;*/
    float: left;
    margin: 5px;
    width: 90%;
    height: 90%;
    transition-timing-function: linear;
    -webkit-transition: 0.3s; /* Safari */
    transition: 0.3s;
    opacity: 1;
    border-radius: 0.75rem;
}

.banner-content .banner:hover {
    color: #FFFFFF;
    background-color: #286090;
    /* background-color: #fff;*/
    /* border:7px solid #286090;*/
    /*  background-image: url(images/eopyy.gif);*/
    /*opacity:1; allagh */
    /*border-radius:50%;*/
    /*allagh apo edw*/
    /*box-shadow:7px 7px 7px rgba(0,0,0,.7);*/
    /*-moz-box-shadow:7px 7px 7px rgba(0,0,0,.7);*/
    /*-webkit-box-shadow: 7px 7px 7px rgba(0,0,0,.7);*/
    /*!*   box-shadow: inset 0 0 0 25px #DCDADA;*!*/
    /*-webkit-transform: scale(1.01);*/
    /*-moz-transform: scale(1.01);*/
    /*-o-transform: scale(1.01);*/
    /*allagh ws edw*/

    /* transition: background-size 2s ease-in;
  -moz-transition: background-size 2s ease-in;
  -ms-transition: background-size 2s ease-in;
  -o-transition: background-size 2s ease-in;
  -webkit-transition: background-size 2s ease-in;*/
    /* animation:zoomIn 1s  ease-in; */
}


.banner-content .banner a {
    /* float: left;*/
    /*padding: 40px 20px !important;  */
    color: #286090;
    text-align: center;
    display: block;
    padding-bottom: 20%;
}

.banner-content .banner a:hover {
    color: #FFFFFF;
}

.banner-content .banner i {
    margin: auto;
    padding-top: 30%;
    padding-bottom: 8%;
    font-size: 34px;
    text-align: center;
    display: block;
}

.banner-content .banner i:hover {
    /* color: #286090;*/
}

.ui-selectonemenu .ui-selectonemenu-label {
    /*display: contents !important; allagh for correct placement inside the selectonemenu */
}

.ui-menu {
    padding: 0 !important;
}

.ui-panelmenu .ui-menuitem-link {
    border-bottom: 1px solid #dde3e9 !important;
}

#viewsPanel {
    /* background: url("/eSearchAllMaterial/javax.faces.resource/images/background.jpg.xhtml?ln=primefaces-intra&v=14.0.0");*/

}

.layout-wrapper .layout-menu {
    /* background: url("/eSearchAllMaterial/javax.faces.resource/images/background.jpg.xhtml?ln=primefaces-intra&v=14.0.0");*/
}

.layout-main {
    /* background: url("/eSearchAllMaterial/javax.faces.resource/images/background.jpg.xhtml?ln=primefaces-intra&v=14.0.0");*/
}

.main_dash_title h1 {
    /* text-shadow: 2px 2px 8px #000000;*/
}

/* EOPYY-1722 START */
#menu-buttonDiv {
    padding: 17px 5px;
    float: left;
    margin-left: 20px;
    margin-top: 11px;
}

#msgInfoIconsDiv {
    position: relative;
    display: inline-block;
}

.uiIconMinusThickHeader {
    display: inline-block;
    padding: 20px 5px;
    margin: 8px 0 0 30px;
    float: left;
    border-left: 3px solid #286090;
    height: 18px;
}

#eopyyEAccessLogoBtn {
    padding: 5px !important;
    margin-left: 20px;
    background-color: #ffffff;
    margin-top: 10px;
}

#applicationTitleH1Short {
    display: none;
}

@media screen and (max-width: 1024px) {
    #applicationTitleH1 {
        display: none;
    }

    .uiIconMinusThickHeader {
        margin: 8px 0 0;
    }

    #msgInfoIconsDiv {
        position: fixed;
        font-size: 2em;
        display: unset;
    }

    #menu-buttonDiv {
        padding: 17px 0;
        margin-left: -0.5em;
    }

    #msgInfoIcons {
        width: fit-content;
    }

    #dash_top_toolbarDropdownInsideDiv {
        padding-left: 0;
    }

    .dropbtn.menu-one {
        margin-right: 0 !important;
    }

    #eopyyEAccessLogoBtn {
        margin-left: 0;
    }

    #applicationTitleH1Short {
        display: unset;
        margin-right: 2.2em;
    }
}

@media screen and (min-width: 1025px) { /* leftMenu accessibility Fixes */
    body .ui-panelmenu .ui-panelmenu-content .ui-menuitem .ui-menuitem-link {
        height: 55px !important;
        line-height: 45.6px !important;
    }

    body .ui-panelmenu .ui-panelmenu-content .ui-menuitem .ui-menuitem-link span.ui-menuitem-icon.ui-icon {
        padding-bottom: 10px !important;
    }

    body .ui-panelmenu .ui-panelmenu-content .ui-menuitem .ui-menuitem-link span.ui-menuitem-text {
        padding-bottom: 10px !important;
        line-height: 35px !important;
    }
}

/* EOPYY-1722 END */

.label_bold {
    font-weight: bold;
}

.disable_row {
    background-color: #97979b !important;
    color: white;
}

.dialogLov {
    /* left: 10% !important;*/
    background-color: red;
    top: 10% !important;
    bottom: 10% !important;
    overflow: scroll !important;
    max-height: 80% !important;
}

.dialogHistory {
    /* left: 10% !important;*/
    background-color: red;
    top: 10% !important;
    bottom: auto !important;
    overflow: scroll !important;
    max-height: 80% !important;
}

. Center {
    text-align: center;
}

.colorbox-5-first {
    background-color: #286090;
}

.colorbox-5-last {
    background-color: #2779B7;
}

@media (min-width: 1025px) {
    .ui-dialog {
        width: 50% !important;
    }
}

.rotate-180 {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
    transform: rotate(180deg);
}

.icon-inline {
    top: 5px;
    position: relative;
    color: red;
    padding-right: 5px;
}


/*  lang switcher */
.languagepicker {
    background-color: #FFF;
    /*background: url("/eSearchAllMaterial/javax.faces.resource/images/footer_background.png.xhtml?ln=primefaces-intra&v=14.0.0");*/
    display: inline-block;
    padding: 0;
    height: 31px;
    overflow: hidden;
    transition: all .3s ease;
    /*    margin: 0 50px 10px 0;*/
    vertical-align: top;
    float: left;
}

.languagepicker .animate-right-menu {
    background: #ffffff !important;
}

.languagepicker:hover {
    /* don't forget the 1px border */
    /*height: 81px;*/
}

.languagepicker a {
    color: #000;
    text-decoration: none;
}

.languagepicker li {
    display: block;
    padding: 0 20px;
    line-height: 32px;
    /*border-top: 1px solid #EEE;*/
}

.languagepicker li:hover {
    background-color: #286090;
}

.languagepicker li:hover > * {
    color: #FFFFFF !important;
}

.languagepicker a:first-child li {
    border: none;
    background: #FFF !important;
}

.languagepicker li img {
    margin-right: 5px;
}

.roundborders {
    border-radius: 5px;
}

.large:hover {

    height: auto !important;
}

.ui-header-custom-background .ui-widget-header {
    color: #D8D6D6;
    font-weight: bold;
    background: url("/eSearchAllMaterial/javax.faces.resource/images/footer_background_blue.png.xhtml?ln=primefaces-intra&v=14.0.0");
}

/*grid repeated lines*/
.row-even {
    background-color: #dcf0ff;
}

.row-odd {
    background-color: white;
}

.window-title {
    float: right;
    padding: 10px 20px;
    font-weight: bold;
    white-space: nowrap;
    position: absolute;
}

.main_dash_title {
    display: block;
    white-space: nowrap;
}

.right_area {
    position: absolute;
    right: 0;
}

/* Right_panel */

.area_with_animation {
    position: relative;

    display: inline-block;
    width: 100%;
}

.rp_right_animation {
    position: fixed;
    overflow: hidden;
    width: 100%;
    z-index: 900;
    height: 100vh;
    left: 0;
    top: 0;
    background: white;
    /* Fall-back for browsers that don't support rgba */
    background: rgba(255, 255, 255, 0.8);
}

.rp_right_animation .animated-panel {
    position: fixed;
    background-color: #fff;
    overflow: auto;

    padding: 20px 15px 20px 20px;
    box-shadow: 0 9px 16px 0 rgba(0, 0, 0, 0.2);
    z-index: 99;
    right: 0;
    top: 0;
    height: 100vh;
    -webkit-animation: rprightanim linear 1 0.25s;
    -moz-animation: rprightanimrprightanim linear 1 0.25s;
    -o-animation: rprightanim linear 1 0.25s;
    animation: rprightanim linear 1 .25s;
}

@media (max-width: 640px) {
    .rp_right_animation .animated-panel {
        width: 90% !important;
    }
}

@media (max-width: 1024px) {
    .rp_right_animation .animated-panel {
        width: 70% !important;
    }
}

@media (min-width: 1025px) {
    .rp_right_animation .animated-panel {
        width: 50% !important;
    }
}

@-webkit-keyframes rprightanim {
    0% {
        right: -300px;
        opacity: 0.2;
    }
    80% {
        right: -100px;
        opacity: 0.9;
    }
    100% {
        right: 0;
        opacity: 1;
    }
}

@-moz-keyframes rprightanim {
    0% {
        right: -300px;
        opacity: 0.2;
    }
    80% {
        right: -100px;
        opacity: 0.9;
    }
    100% {
        right: 0;
        opacity: 1;
    }
}

@-o-keyframes rprightanim {
    0% {
        right: -300px;
        opacity: 0.2;
    }
    80% {
        right: -100px;
        opacity: 0.9;
    }
    100% {
        right: 0;
        opacity: 1;
    }
}

@keyframes rprightanim {
    0% {
        right: -300px;
        opacity: 0.2;
    }
    80% {
        right: -10px;
        opacity: 0.9;
    }
    100% {
        right: 0;
        opacity: 1;
    }
}

.rp_right_animation .animated-panel h3 {
    color: #2f4050;
}

.rp_right_animation .animated-panel p {
    color: #212121;
    font-size: 14px;
}

.rp_right_animation .animated-panel .row_group {
    width: 100%;
    margin-bottom: 2px;
    line-height: normal;
    float: left;
}

.rp_right_animation .animated-panel .row_group a {
    color: #ffffff;
    padding: 12px 16px;
    text-decoration: none;
    float: left;
    font-size: 13px;
    text-align: center;
    width: 65px;
    min-height: 82px;
    background: #2f4050;
    margin-right: 1px;
    margin-left: 1px;
    line-height: normal;
    position: relative;
}

.rp_right_animation .animated-panel .row_group a:hover {
    opacity: 0.7;
}

.rp_right_animation .animated-panel .row_group a span.topbar-badge {
    background-color: #1ab394;
    color: #ffffff;
    position: absolute;
    right: 30px;
    top: 7px;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    padding: 2px 4px;
    display: block;
    font-size: 12px;
    line-height: 12px;
}

.rp_left_animation .animated-panel {
    /* position: absolute;*/
    position: fixed;
    z-index: 9;


    /* top: 50px;*/
    -webkit-animation: rpleftanim linear 1 .75s forwards;
    -moz-animation: rpleftanim linear 1 .75s forwards;
    -o-animation: rpleftanim linear 1 .75s forwards;
    animation: rpleftanim linear 1 .75s forwards;
    min-height: 100%;
    background-color: #ffffff;
    overflow: hidden;
}

@media (max-width: 640px) {
    .rp_left_animation .animated-panel {
        width: 90% !important;
    }
}

@media (max-width: 1024px) {
    .rp_left_animation .animated-panel {
        width: 70% !important;
    }
}

@media (min-width: 1025px) {
    .rp_left_animation .animated-panel {
        width: 50% !important;
    }
}

@-webkit-keyframes rpleftanim {
    0% {
        right: 0;
    }
    70% {
        right: -95%;
    }
    100% {
        right: -100%;
    }
}

@-moz-keyframes rpleftanim {
    0% {
        right: 0;
    }
    70% {
        right: -95%;
    }
    100% {
        right: -100%;
    }
}

@-o-keyframes rpleftanim {
    0% {
        right: 0;
    }
    70% {
        right: -95%;
    }
    100% {
        right: -100%;
    }
}

@keyframes rpleftanim {
    0% {
        right: 0;
    }
    70% {
        right: -95%;
    }
    100% {
        right: -100%;
    }
}

/* END Right_panel */

/* CALENDAR */
.fc .fc-row {
    border-style: solid;
    border-width: 0;
    height: 100% !important;
}

body .fc {
    font-size: 1em;
    height: 500px !important;
    width: 300px !important;
}

.fc-scroller {
    height: 100% !important;
}

.ui-toolbar {
    display: block !important;
}

.ui-clear-button {
    float: right !important;
    background-color: #ffffff !important;
    color: #286090 !important;
    border: 2px solid #286090 !important;
}

.ui-clear-button.ui-state-hover {
    color: #3172AA !important;
}

.ui-clear-button .ui-icon {
    color: #286090 !important;
}

.ui-bottom-line {
    border-bottom: 1px solid #286090;
    border-spacing: 15px;
}

.ui-left-menu-new-position {
    padding: 43px 0 0 5px;
    overflow-x: hidden !important;
    height: 100%;
}

.ui-custom-calendar .ui-inputfield {
    border-right: none;
    border-radius: 0.375rem 0 0 0.375rem !important;
}

/* allagh css for the title of the panel in the search panel */
.ui-panel-title-search .ui-panel-titlebar {
    margin-top: 10px !important;
    margin-bottom: -35px !important;
    border: 0 !important;
}

.ui-dialog-search-line-button .ui-button {
    width: 100%;
}

.ui-panel-dialog .ui-panel .ui-panel-content {
    margin-top: 0;
}

.ui-input-with-search-button .ui-inputfield {
    width: 90%;
    border-right: none;
    border-radius: 0.375rem 0 0 0.375rem;
    display: flex;
}

.ui-input-with-search-button .ui-button.ui-button-icon-only {
    border-radius: 0 0.375rem 0.375rem 0;
    height: auto;
    width: 9%;
    margin-top: -36px;
    margin-right: 5px;
}

.ui-icon-new-position span.ui-icon.ui-icon-info {
    display: flex;
    margin-left: 40%;
}

/* css for the side window */
.ui-sidebar-right.ui-sidebar-active {
    width: 60%;
    height: 95%;
    overflow-x: scroll;
}

/* allagh mporw na prosthesw merika pragmata epipleon gia ta datatable */
.ui-datatable .ui-state-highlight {
    background-color: rgba(0, 0, 0, .075);
    color: #000000;
}

.ui-sidebar table {

}

.ui-growl-error {
    color: #a53748 !important;
    background-color: #f3dede !important;
    border-left: solid 4px #a53748 !important;
}

.ui-growl-info {
    color: #2f7394 !important;
    background-color: #d9ecf6 !important;
}

.ui-growl-warn {
    color: #7d6940 !important;
    background-color: #fdf8e3 !important;
    border-left: solid 4px #7d6940 !important;
}

.ui-growl-fatal {
    color: #468152 !important;
    background-color: #dff1d9 !important;
    border-left: solid 4px #468152 !important;
}

body .ui-state-active .ui-icon {
    color: white;
}

/* allagh for the buttons Search and Clean in the serach criteria form */
body .ui-button-text-icon-left .ui-button-text {
    line-height: normal !important;
    font-size: large;

}

.ui-datatable table .fa {
    font-size: large;
    color: #7f7f7f;
}

body h2 {
    margin-top: 33px; /*itan 45*/
}

.actionColumnGrid {
    display: grid;
    grid-template-columns: 1fr 1fr !important;
    margin: auto;
}

.ui-long-button span.ui-button-icon-left {
    margin-top: -3.5% !important;
}

.custom-panel-grid.ui-panelgrid {
    width: 100%;
}

.custom-panel-grid div .ui-g-12.ui-md-4 {
    padding: 7px;
}

.ui-lifecycle.ui-widget {
    display: none;
}

.header-container {
    display: flex;
    padding: 0;
    margin-top: -1%;
}

.header-subcontainer {
    display: flex;
    flex-direction: column;
    text-align: left;
}

.header-title {
    font-weight: bolder;
    color: #000000;
    margin-bottom: 0;
}

.header-subtitle {
    font-weight: lighter; /* Adjust font styling as needed */
    color: #000000;
    margin: 0;
}

.ui-modal-search-inline {
    margin-top: 0 !important;
    margin-left: 5.8rem !important;
    width: 100% !important;
    padding: 0 !important;
}

body .ui-modal-search-inline.ui-button.ui-button-text-icon-left .ui-icon {
    margin-top: -0.6rem;
}

/* no icon in the messages */
body .ui-growl .ui-growl-item .ui-growl-image {
    display: none !important;
}


/*.ui-icon-loading.ui-icon.ui-c.pi.pi-spin.pi-spinner.left::before {*/
.ui-icon-loading::before {
    font-family: 'FontAwesome';
    content: "\f110";
    display: flex;
    justify-content: center;
    align-items: center;
}

body .ui-back-button .ui-icon {
    color: black;
}

body .ui-new-toolbar {
    display: flex;
    align-items: baseline;
}

body .ui-new-toolbar h2 {
    margin-top: 30px; /* itan 44*/
    margin-bottom: -10px;
    border-left: 2px solid #000000;
    padding-left: 10px;
}

.justify-end {
    justify-content: end;
}


body .ui-no-toolbar-panel .ui-panel .ui-panel-content {
    margin-top: 30px;
    /*  background: url("/eSearchAllMaterial/javax.faces.resource/images/background.jpg.xhtml?ln=primefaces-intra&v=14.0.0");*/
    height: 100%;
    box-sizing: border-box;
    /* padding: 10px 16px; */
}

.ui-readonly-inputfield {
    background-color: #EEEEEE !important;
}


body .ui-action-dropdown .ui-button.ui-button-text-icon-left {
    all: unset;
    /*background: transparent !important;*/
}

body .ui-action-dropdown .ui-button.ui-button-text-icon-left .ui-icon {
    display: flex;
    align-items: center;
    justify-content: center;
    margin: -5px 0 0 -10px;
}


.ui-action-dropdown .ui-menubutton.ui-widget {
    margin-left: auto !important;
}

.ui-action-dropdown .actionColumnGrid {
    grid-template-columns: none !important;
}


body .ui-action-dropdown .ui-menu .ui-menu-list li.ui-menuitem .ui-menuitem-link {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

body .ui-columntoggler .ui-columntoggler-all {
    border: 0;
}

body .ui-action-dropdown .ui-button.ui-button-text-icon-left {
    all: unset;
}

/* correct width of action menu column */
/*background: transparent !important;*/
body .ui-menu {
    width: auto;
}


body .ui-files-uploaded .ui-panel-titlebar.ui-widget-header.ui-helper-clearfix.ui-corner-all {
    border-bottom-color: #286090;
}


.custom-upload-button {
    display: inline-block;
    text-align: center;
    cursor: pointer;
}


.custom-upload-button i {
    font-size: 50px;
    color: #000;
}

.custom-upload-button h\\:outputText {
    display: block;
    margin-top: 5px;
}

body .ui-datatable-dialog .ui-button.ui-button-icon-only .ui-icon {
    color: #FFFFFF;
}

body .ui-datatable-dialog .ui-button {
    float: none; /* inside the dialog and the datatable we want the position to be default */
}


body .ui-upload-button-dialog .ui-button.ui-button-text-icon-left {
    margin: 0 0 0 1rem;
}

body .ui-upload-button-dialog .ui-button.ui-button-text-icon-left .ui-icon {
    color: #FFFFFF;
    margin: -10px 0 0 8px;
}

body .ui-upload-button-dialog .ui-button-text-icon-left .ui-button-text {
    display: none;
}

body .ui-upload-button-dialog .ui-fileupload-simple.ui-widget.p-button-outlined {
    all: inherit;
    display: flex;
    justify-content: center;
}

body .ui-upload-button-dialog {
    display: flex;
    justify-content: center;
}


body .ui-upload-column {
    display: flex;
    align-items: center;
}


/* css for upload buttons (view + delete)*/

body .ui-button.ui-button-flat {
    background-color: rgba(0, 0, 0, 0);
    border-color: rgba(0, 0, 0, 0);
}

body .ui-button.ui-button-flat .ui-icon {
    color: #286090;
}

body .ui-datepicker .ui-icon {
    left: 0;
    top: 0;
}


body .ui-toolbar > h2 {
    border: 0;
}


.ui-button-toolbar span.ui-button-icon-left {
    margin-top: -5.5% !important;
}


.ui-button-toolbar .ui-button .ui-button-text {
    margin-top: -3px;
}


/*testing for the badge into messages icon*/

body .ui-badge.ui-badge-danger {
    background: #d32f2f;
    color: #fff;
}

.ui-badge {
    margin-top: 5px !important;
    min-width: -webkit-fill-available; /* correct width of the notification number */
}

.white-button .ui-icon {
    color: #FFFFFF !important;
}

.ui-accordionStyle {
    /*background-color: #f5f8fa !important; ranias */
    border-bottom: 1px solid #588ec0 !important;
    border-radius: 0 !important;
}


body .ui-panel.ui-accordionStyle .ui-panel-titlebar {
    border-bottom: 1px solid #588ec0 !important;
}


body .ui-panel.ui-accordionStyle .ui-panel-titlebar .ui-panel-title {
    font-size: 14px !important;
    color: #6A6B6C !important;
}

body .ui-widget-content.ui-accordionStyle .ui-icon {
    /*color: #6A6B6C !important;*/
    margin-left: -5px;
}

/* new color of the icons in the accordion */
.ui-accordion .ui-accordion-header .ui-icon {
    color: #000000;
}


/* Sofia's CSS*/
body span.ui-spinner {
    display: block;
}

body .ui-wizard.ui-widget > ul {
    display: flex;
    align-items: flex-end;
}

li.ui-wizard-step-title.ui-state-default.ui-state-highlight.ui-corner-all {
    color: black;
    font-weight: bold;
    border-bottom: solid 0.3em #286090;
    width: calc(79vw / 3);
    margin: 0 0 1.5em -2px;
}

li.ui-wizard-step-title.ui-state-default.ui-corner-all {
    color: black;
    font-weight: bold;
    border-bottom: solid 0.3em #286090;
    width: calc(79vw / 3);
    margin: 0 0 1.5em -2px;
}

body .ui-wizard.ui-widget > ul > li:nth-child(1) {
    border-image-slice: 1;
    border-image-source: linear-gradient(to right, white 5em, #286090 5em);
    text-align: left;
}

body .ui-wizard.ui-widget > ul > li:nth-child(2) {
    text-align: center;
}

body .ui-wizard.ui-widget > ul > li:nth-child(2):nth-last-child(1) {
    border-image-source: linear-gradient(to left, white calc(14vw), #286090 calc(14vw));
    border-image-slice: 1;
}

body .ui-wizard.ui-widget > ul > li:only-child {
    border-image-source: linear-gradient(to right, white 5em, #d1d7e0 5em, #d1d7e0 100%, white 100%);
    width: calc(75vw / 2) !important;
}

body .ui-wizard .ui-wizard-step-titles > li.ui-state-default:after {
    --size: 2em;
    content: "";
    position: relative;
    display: block;
    width: 2em;
    height: 2em;
    border-radius: 50%;
    margin: 1em 0 -1.6em 46%;
    background-color: #286090;
    background-image: radial-gradient(circle, white 50%, #286090 50%);
}

body .ui-wizard .ui-wizard-step-titles > li.ui-state-highlight:after {
    background-image: none;
}

body .ui-wizard .ui-wizard-step-titles > li:first-child:after {
    margin: 1em 0 -1.6em 2.5em;
}

body .ui-wizard .ui-wizard-step-titles > li:not(:first-child):not(:nth-child(2)):nth-last-child(1) {
    border-image-slice: 1;
    border-image-source: linear-gradient(to left, white 5em, #286090 5em);
    text-align: right !important;
}

body .ui-wizard .ui-wizard-step-titles > li:not(:first-child):not(:nth-child(2)):nth-last-child(1):after {
    margin: 1em 0 -1.6em calc(100% - 5em);
}

body .ui-messages .ui-messages-info {
    display: flex;
    background-color: #286090;
    border-color: #286090;
}

.ui-longer-button span.ui-button-icon-left {
    margin-top: -1% !important;
}

body .ui-button.ui-widget.ui-state-default.ui-corner-all.ui-button-text-icon-left.ui-wizard-nav-back {
    float: left;
    margin-top: 1em;
}

body .ui-button.ui-widget.ui-state-default.ui-corner-all.ui-button-text-icon-right.ui-wizard-nav-next {
    margin-top: 1em;
    font-size: large;
    margin-right: 1em;
    padding-right: 40px;
}

.ui-button-icon-right.ui-icon.ui-c.ui-icon-arrowthick-1-e:before {
    font-family: 'FontAwesome';
    content: "\f061";
}

.ui-button-icon-left.ui-icon.ui-c.ui-icon-arrowthick-1-w:before {
    font-family: 'FontAwesome';
    content: "←";
}

.ui-wizard-navbar {
    margin-bottom: 5%;
}

body div.ui-g-12.ui-md-12.ui-lg-12 > textarea.ui-inputfield.ui-inputtextarea {
    width: 99.3%;
    border-width: 2px;
}

body span.ui-spinner {
    display: block;
}

body .ui-spinner .ui-spinner-input .ui-state-disabled {
    opacity: .5;
}

body .ui-spinner-button.ui-spinner-up.ui-corner-tr.ui-button.ui-widget.ui-state-default.ui-button-text-only {
    /* margin-right: 0.75em; */
    overflow: visible;
    /* margin-top: 0.1em; */
    position: absolute;
    right: 8px;
}

body .ui-spinner-button.ui-spinner-down.ui-corner-br.ui-button.ui-widget.ui-state-default.ui-button-text-only {
    /* margin-right: 0.75em; */
    /* margin-bottom: 0.6em; */
    overflow: visible;
    /* position: absolute; */
    /* margin-top: 0.8em; */
    right: 8px;
}

input.ui-spinner-input {

    vertical-align: middle !important;
    font-family: 'FontAwesome' !important;
    font-size: 1em !important;
    width: 98% !important;
    box-sizing: unset !important;
    padding-right: unset !important;
    text-align: left !important;
}

body .ui-fieldset-content {
    left: 0.5rem;
    position: relative;
    margin-right: 0.5rem;
}


.icons-item-container {
    display: flex;
    gap: 1rem;
    font-size: large;
    font-weight: bolder;
    justify-content: space-around;
}

.banner-content .banner-with-color a {
    margin-top: 10%;
    color: #FFFFFF;
    text-align: center;
    display: block;
    padding-bottom: 20%;
}

.banner-content .banner-with-color:hover {
    background: #3172AA;
}

/*.banner-content .banner-with-color a:hover {*/
/*    color: #286090;*/
/*}*/

.banner-content .banner-with-color i {
    margin: auto;
    padding-top: 30%;
    padding-bottom: 8%;
    font-size: 34px;
    text-align: center;
    display: block;
}

.banner-content .banner-with-color {
    background: #286090;
    float: left;
    margin: 5px;
    width: 90%;
    height: 90%;
    transition-timing-function: linear;
    -webkit-transition: 0.3s; /* Safari */
    transition: 0.3s;
    /*opacity: 0.8;*/
    border-radius: 0.75rem;
}


.icon-label {
    margin-top: 8px;
    font-size: 0.9rem;
    max-width: 100px;
}


.icon-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}

.icon-avatar {
    width: 60px !important;
    height: 60px !important;
}

.ui-avatar i {
    font-size: 1.5rem;
    color: white;
}

.connectAmka {
    justify-content: center;
    color: #FFFFFF !important;
    background-color: #286090;
    width: 80% !important;
    margin-left: 1.5rem;
    border-radius: 0.375rem !important;
}

.connectAmka:hover {
    background-color: #3172AA !important;
}


@media screen and (max-width: 40em) {
    .ui-sm-title {
        padding:.5em;
    }

    .ui-sm-title {
        width: 5% !important;
    }
}

@media screen and (min-width: 40.063em) {
    .ui-md-title {
        padding:.5em;
    }

    .ui-md-title {
        width: 2% !important;
    }
}


@media screen and (min-width: 64.063em) {
    .ui-lg-title {
        padding:.5em;
    }

    .ui-lg-title {
        width: 50% !important;
    }
}


@media screen and (max-width: 640px) {
    .title-visible {
        display: none !important;
    }

    /* EOPYY-1739: Hide toolbar buttons text for certain icons only */
    div.ui-new-toolbar.justify-end span.ui-menubutton.ui-widget.ui-new-toolbar .ui-button-text-icon-left {
        width: 100%;
    }

    div.ui-new-toolbar.justify-end span.ui-menubutton.ui-widget.ui-new-toolbar .ui-button-text-icon-left,
    div.ui-new-toolbar.justify-end .ui-button-text-icon-left:has(span.ui-button-icon-left.ui-icon.ui-c.fa.fa-save),
    div.ui-new-toolbar.justify-end .ui-button-text-icon-left:has(span.ui-button-icon-left.ui-icon.ui-c.fa.fa-broom),
    div.ui-new-toolbar.justify-end .ui-button-text-icon-left:has(span.ui-button-icon-left.ui-icon.ui-c.fa.fa-trash),
    div.ui-new-toolbar.justify-end .ui-button-text-icon-left:has(span.ui-button-icon-left.ui-icon.ui-c.fa.fa-search),
    div.ui-new-toolbar.justify-end .ui-button-text-icon-left:has(span.ui-button-icon-left.ui-icon.ui-c.fa.fa-magnifying-glass) {
        font-size: large !important;
        padding-left: 1.5em !important;
    }

    div.ui-new-toolbar.justify-end span.ui-menubutton.ui-widget.ui-new-toolbar .ui-button-text-icon-left .ui-button-text,
    div.ui-new-toolbar.justify-end span.ui-button-icon-left.ui-icon.ui-c.fa.fa-save + span.ui-button-text,
    div.ui-new-toolbar.justify-end span.ui-button-icon-left.ui-icon.ui-c.fa.fa-broom + span.ui-button-text,
    div.ui-new-toolbar.justify-end span.ui-button-icon-left.ui-icon.ui-c.fa.fa-trash + span.ui-button-text,
    div.ui-new-toolbar.justify-end span.ui-button-icon-left.ui-icon.ui-c.fa.fa-search + span.ui-button-text,
    div.ui-new-toolbar.justify-end span.ui-button-icon-left.ui-icon.ui-c.fa.fa-magnifying-glass + span.ui-button-text {
        width: 0 !important;
        font-size: 0 !important;
        line-height: 0 !important;
        padding-top: 0.75rem !important;
    }

    div.ui-new-toolbar.justify-end span.ui-menubutton.ui-widget.ui-new-toolbar .ui-button-text-icon-left .ui-button-icon-left,
    div.ui-new-toolbar.justify-end span.ui-button-icon-left.ui-icon.ui-c.fa.fa-save,
    div.ui-new-toolbar.justify-end span.ui-button-icon-left.ui-icon.ui-c.fa.fa-broom,
    div.ui-new-toolbar.justify-end span.ui-button-icon-left.ui-icon.ui-c.fa.fa-trash,
    div.ui-new-toolbar.justify-end span.ui-button-icon-left.ui-icon.ui-c.fa.fa-search,
    div.ui-new-toolbar.justify-end span.ui-button-icon-left.ui-icon.ui-c.fa.fa-magnifying-glass {
        margin-top: -15% !important;
    }

    /* EOPYY-1739: Hide toolbar buttons text for certain icons only */
}



body .ui-selectbooleancheckbox.ui-chkbox.ui-widget + svg + label {

    margin-top: 1.1rem;
}

body .ui-chkbox {

    margin-top: 1.25rem;
}

div:has(> div.ui-selectbooleancheckbox) {
    display: inline-flex;
    align-items: center;
}



.ui-panelmenu-panel > h3.ui-panelmenu-header > span.ui-icon.ui-icon-triangle-1-e {
    margin-top: -0.8rem;
}







/* sofia's css for selectbooleanbutton */

.ui-selectbooleanbutton span.ui-button-icon-left.ui-icon {
    color: white;
    margin-top: -0.5rem;
}


body .ui-selectbooleanbutton {
    display: inline-flex;
    align-items: center;
    background-color: #286090 !important;
    color: white !important;
}


.fc .fc-button-group > .fc-button, .fc .fc-button-primary:not(:disabled):active,
.fc .fc-button-primary:not(:disabled).fc-button-active { /* copied from ui-button */
    overflow: hidden;
    float: right; /* allagh */
    background-color: #286090;
    color: #ffffff;
    font-size: 16px;
    height: 36px;
    padding: 0 16px;
    border: 5px;
    border-radius: 0.375rem; /* allagh new button radius */
    -moz-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;
}

.fc .fc-button-primary:not(:disabled).fc-button-active:hover, .fc .fc-button-group > .fc-button:hover {
    background-color: #3172AA;
}


.fa-solid {
    font-family: 'Font Awesome 6 Free' !important;
    font-weight: 900 !important;
}

.custom-notice-button {
    position: relative !important;
    display: inline-block !important;
}


.custom-badge {
    position: absolute !important;
    top: -5px !important;
    right: -5px !important;
    min-width: 18px !important;
    height: 18px !important;
    line-height: 18px !important;
    font-size: 12px !important;
    border-radius: 50% !important;
    background: #f44336 !important;
    color: white !important;
    text-align: center !important;
    padding: 0 !important;
    box-shadow: 0 0 0 1px white !important;
    z-index: 100 !important;
    font-family: Arial !important;
}

/* start footer datatable */
.ui-paginator-rpp-options.ui-widget.ui-state-default.ui-corner-left {
    margin-top: 2px !important; /* correct alignment with the rest of the parts */
}

.ui-paginator .ui-paginator-current, .ui-paginator .ui-paginator-rpp-options {
    margin: 0 !important; /* start and end in the edge of datatable */
    border-radius: 0.375rem;
}

.ui-paginator-current {
}


.ui-datatable-tablewrapper {
    border-radius: 0.375rem;
}
/* end footer datatable */

.custom-panel-style .ui-panel-titlebar {
    border-bottom: 2px solid #286090 !important;
}


body .ui-fileupload .ui-fileupload-buttonbar .ui-button {
    background-color: #00257E !important;
}

input[readonly] {
    background-color: #F7F7F7;
    color: #545454;
}

.ui-datatable-empty-message {
    background: url("/eSearchAllMaterial/javax.faces.resource/images/datatable_empty_icon.png.xhtml?ln=primefaces-intra&v=14.0.0") no-repeat center;
    height: 200px;
    text-indent: -9999px;
}

/* Make dataTable x-axis scrollable when it's too large without wrapping words */
.ui-table-auto-fit{
    table-layout: auto !important;
    white-space: nowrap;
}



.ui-sidebar-close {
    margin-left: 1em;
}

fieldset:has(input[type="file"]:disabled):not(:has(fieldset input[type="file"]:disabled)) {
    background-color: #e8e8e8 !important;
}

[id$="datatableMenuBtn_menu"] {
    z-index: 100000 !important;
}

/* === Chat Dialog Styles – PrimFaces 14 – WCAG 2.2 Compliant === */

/* Ensure scroll panel has white background */
.p-scrollpanel,
.p-scrollpanel-content {
    background-color: #ffffff !important;
}

/* Main message container */
.chat-message {
    margin: 0.75rem 0;
    padding: 0.75rem 1rem;
    border-radius: 16px;
    max-width: 80%;
    word-wrap: break-word;
    position: relative;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
    transition: all 0.2s ease;
    outline: none;
}

/* Focus for accessibility (keyboard navigation) */
.chat-message:focus,
.chat-message:focus-visible {
    outline: 2px solid #007bff;
    outline-offset: 2px;
}

/* Non-AYS messages (APPLICATION_NAME != '2') → LEFT / Yellow */
.other-message {
    background-color: #feffd6;
    margin-right: auto;
    text-align: left;
    border-bottom-left-radius: 4px;
}

/* AYS messages (APPLICATION_NAME == '2') → RIGHT / Light Blue */
.ays-message {
    background-color: #cce5f9;
    margin-left: auto;
    text-align: right;
    border-bottom-right-radius: 4px;
}

/* Message header: sender + timestamp */
.message-header {
    display: flex;
    justify-content: space-between;
    font-size: 0.85rem;
    margin-bottom: 0.25rem;
    color: #333;
    font-weight: bold;
}

.sender {
    color: #222;
}

.timestamp {
    color: #666;
    font-size: 0.75rem;
}

/* Message content */
.message-content {
    font-size: 0.95rem;
    color: #222;
    white-space: pre-wrap;
    word-break: break-word;
}

/* Edited indicator */
.edited-badge {
    font-size: 0.7rem;
    color: #999;
    margin-top: 0.25rem;
    text-align: right;
    font-style: italic;
}

/* Empty state */
.chat-empty {
    text-align: center;
    padding: 2rem;
    color: #888;
    font-style: italic;
}

/* Responsive adjustments for mobile */
@media (max-width: 768px) {
    .chat-message {
        max-width: 90%;
        padding: 0.5rem 0.75rem;
    }

    .message-header {
        flex-direction: column;
        align-items: flex-start;
        gap: 0.2rem;
    }

    .timestamp {
        text-align: right;
        width: 100%;
    }
}

/* WCAG 2.2: Sufficient contrast */
.chat-message {
    color: #222;
}

.other-message {
    background-color: #feffd6; /* Contrast ratio ~10:1 with #222 */
}

.ays-message {
    background-color: #cce5f9; /* Contrast ratio ~7:1 with #222 */
}

/* High contrast mode support */
@media (prefers-contrast: more) {
    .chat-message {
        border: 2px solid #000;
    }

    .other-message {
        background-color: #feffd6;
    }

    .ays-message {
        background-color: #d9edff;
    }
}

/* Ensure vertical stacking inside scroll panel */
.p-scrollpanel-content {
    display: flex;
    flex-direction: column;
    gap: 0.75rem;
    padding: 1rem !important;
}

/* Optional: smooth appearance */
@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(10px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}

.chat-message {
    animation: fadeInUp 0.3s ease-out;
}