.applyButton {
    width: 110px !important;
}
.cancelButton {
    width: 100px !important;
}


.hide-dataview-header.ui-dataview .ui-dataview-header {
    border-bottom: 0 none;
    display: none !important;
}


#filterButton {
    display: none;
}

.ui-megamenu {
    display: inline;
    padding: 0px !important;
    border: 0px solid red !important;
}

.layout-wrapper.layout-horizontal .menu-wrapper .layout-menu-container .layout-menu {
    display: none !important; 
}

/* Για να ανέβει το megamenu στη θεση του κρυψε το menu του primefaces layout στις μεγαλες αναλυσεις.
   Το μενου χρειάζεται να βγαίνει στις μικρές αναλύσεις.
   Επίσης στο αρχειο template προσεθε τη γραμμη margin-top: -46px η οποία σηκώνει λιγο ψηλα το megamenu

   Επίσης στις σελίδες index.xhtml και catalog_xxxx.xhtml εχει μπει το id="#catalogMenu" (menu.xhtml) γιατι μονο εκει θέλουμε να κρυβεται το primefaces menu,
   αλλιώς χάνεται και στις σελίδες οπου χρειάζεται το primefaces menu
*/
@media (min-width: 992px) {
    #catalogMenu.menu-wrapper {
        display: none;
    }
}

#filterButton {
    display: none;
}
/* Απόκρυψη ρυθμισεων sidebar φίλτρων.
Επίσης έχει γινει in style: display:none */
@media screen and (max-width: 600px) {
    #filtersColumn {
        display: none;
    }
    #filterButton {
        display: inline;
    }
}




@media screen and (max-width: 992px) {
    .ui-megamenu {
       display: none; 
    }
    .layout-wrapper.layout-horizontal .menu-wrapper .layout-menu-container .layout-menu {
        display: inline !important; 
    }    
}

/*
    Αποστάσεις μεταξύ εικονιδίων στο topbar menu
*/
.topbar-item a {
    margin-left: 3px !important;
    padding: 6px !important;
    margin-right: 3px !important;
}

.topbar-item-form i {
    height: 28px;
    width: 28px;
    margin-right: 10px;
    padding: 6px;
    background-color: rgba(219, 133, 25, 0.8);
    color: white;
    border-radius: 3px;
}
.topbar-item-form .notification-detail {
    color: #65686a;
    font-size: 12px;
}

.topbar-item-form a:hover {
    text-decoration: none !important;
}

.ui-galleria-item-wrapper, .ui-galleria-item-container, .ui-galleria-items {
    width: 100%;
    height: auto;
}

.section-name {
    font-weight: bold;
    font-size: 12px;
}

.ui-galleria-thumbnail-container {
    background: #ae8c5c !important;
}
.ui-galleria-thumbnail-items {
    display: block;
}

.custom-menu-item i {
    background-color: rgba(174, 140, 92, 0.8);
    color: #f7f3ee;
    margin-right: 5px;
    padding: 6px;
    border-radius: 2px;
    width: 26px;
    height: 26px;
}



.ui-growl-item {
    background-color: #ae8c5c;
}
.ui-growl-message {
    background-color: #ae8c5c;
    color: #f7f3ee !important;
}
.ui-growl .ui-growl-item-container.ui-growl-info {
    border-left: 10px solid #785e3b !important;
}
.ui-growl .ui-growl-item-container.ui-growl-info .ui-growl-image {
    color: #f7f3ee !important;
}

/*
Εμφανίζει scroll bar αν τα tobar items μενου του layout ειναι μεγαλύτερο από το μέγεθος του παραθύρου
*/
.layout-topbar-dark .layout-topbar .layout-topbar-wrapper .layout-topbar-right .layout-topbar-actions > li.active-topmenuitem > ul {
    max-height: calc(100vh - 105px);
    overflow-y: auto;
}

/*
.ui-selectcheckboxmenu-item {
    color: red !important;
}
*/

/*
    Αλλάζει το χρώμα του απενεργοποιημενου selectItem μέσα στο p:selectCheckboxMenu
*/
.ui-selectcheckboxmenu-item .ui-state-disabled {
    background: rgba(219, 133, 25, 0.8) !important;
}



/*
.ui-megamenu {
    color: #f7f3ee !important;
    padding: 0px 2px !important;
    
}

.ui-megamenu .ui-widget-header {
    background: red !important;
    background-color: red !important;
    color: whitesmoke !important;
}

.ui-megamenu .ui-menu-list {
    background: black !important;
    background-color: black !important;
    color: white !important;
}

.ui-megamenu .ui-menuitem {
    background: #ff3333 !important;
}

.ui-megamenu .ui-menuitem-text {
    color: yellow !important;    
}

*/
.ui-megamenu .ui-menuitem-link.ui-state-hover {
    background: rgba(174, 140, 92, 0.4) !important
}




.ui-megamenu .ui-menuitem-text {
    color: black !important;
}

.ui-megamenu .ui-menu-child .ui-menu-list {
    width: 10.5em !important;
}

.ui-megamenu .ui-menu-parent .ui-menu-child{
    overflow-y: auto !important;
    max-height: 80vh !important;
}

.ui-megamenu .ui-menu-child{
    text-align: left;
}

/*
Εμφάνιση των κεφαλίδων σε nested p:datatable
*/
#dt-views2 .ui-datatable-reflow .ui-datatable-data td[role="gridcell"] .ui-column-title, .ui-datatable-reflow .ui-expanded-row-content th .ui-column-title {
    display: block !important;
}



.filterSelectManyMenu .ui-state-disabled {
    display: none;
}

.filterSelectManyMenu {
    border: none !important;
    border-bottom: 1px solid #e8f0e8 !important;    
}

/* Height of p:selectManyMenu */
.filterSelectManyMenu .ui-selectlistbox-listcontainer {
    height: auto !important;
}

/* Select many check box items */
.ui-selectlistbox-item > td{
    padding: 2px !important;
}


.fileuploadButton {
   width: 40px !important;
}