/*
 * (c)2014 1WorldSync GmbH, Cologne, Germany.
 *
 * http://www.1worldsync.com/
 *
 * Created on 03.06.2016 by szimmer.
 */



/**
 * This file contains style-classes to override the default primefaces
 * and primefaces-extension styles.
 */



/*-----------------------------------------------------------------*/
/* Customize the default Primefaces-components                     */ 
/*-----------------------------------------------------------------*/
/**
 * Specify font-settings of the primefaces components.
 */
.ui-menubar .ui-menuitem-link {
    color: #4f4f4f;
}

.ui-menubar .ui-menuitem-link .ui-state-hover {
    color: #4f4f4f;
}



.ui-layout-unit {
    padding: 0 !important;
}


.ui-paginator {
    padding: 0;
    border: 0 !important;
}

.ui-paginator .ui-paginator-pages {
    vertical-align: top;
}

.ui-paginator .ui-paginator-page {
    width:  18px !important;
    height: 18px !important;
    margin: 5px 5px 0 5px !important;
    line-height: 18px;
}

.ui-tabs .ui-tabs-nav li a {
    padding: 0.1em 1em !important;
}

.ui-paginator .ui-paginator-next .ui-icon, .ui-paginator .ui-paginator-prev .ui-icon, .ui-paginator .ui-paginator-first .ui-icon, .ui-paginator .ui-paginator-last .ui-icon {
    width:  14px !important;
    height: 14px !important;
    margin: 2px !important;
}

.ui-paginator-refresh {
    margin-left: 10px !important;
	vertical-align: middle;
    height: 21px;
}

.ui-paginator-reset {
    vertical-align: middle;
    height: 21px;
}

.ui-paginator-export-csv {
    float:          right;
    vertical-align: middle;
    height:         22px;
    margin-top:     4px;
}

.ui-paginator-export-csv > .ui-button-text {
    padding-top: 0.2em !important;
}


.ui-paginator .fa {
    padding-top: 0.2em;
}


.ui-paginator-rpp-options {
    vertical-align: middle;
    height: 21px;
}

.ui-paginator-totalrecords {
    margin:    8px 5px 0 0 !important;
    font-size: 13px;
    vertical-align: text-bottom;
}

.ui-paginator-current {
    margin:    8px 0 0 5px !important;
    font-size: 13px;
    vertical-align: text-bottom;
}

.ui-paginator-first > span {
    background-position: -82px -162px;
}

.ui-paginator-prev > span {
    background-position: -50px -162px;
}


.ui-paginator-next > span {
    background-position: -34px -162px;
}

.ui-paginator-last > span {
    background-position: -66px -162px;
}



/*
 * smaller font and less margins and paddings...
 */
.ui-paginator .ui-paginator-page, .ui-paginator .ui-paginator-next, .ui-paginator .ui-paginator-last, .ui-paginator .ui-paginator-first, .ui-paginator .ui-paginator-prev {
    margin:    5px 5px 0 5px !important;
    padding:   1px 1px 0 1px !important;
}

.ui-paginator.ui-paginator-bottom {
    width:         calc(100% - 26px) !important;
    border-right:  none;
    border-bottom: none;
    border-left:   none;
}


.ui-combobox-panel .ui-paginator.ui-paginator-bottom > span {
    margin: 5px 5px 0 5px !important;
    padding: 1px !important;
}



/*
 * Style the layout devider to be a little bit more user-friendly.
 */
.ui-layout-resizer-hover {
    background-color: #b2f0ff;
}

.ui-accordion .ui-accordion-header {
    padding:       5px 10px 5px 10px !important;
    text-overflow: ellipsis  !important;
    white-space:   nowrap  !important;
}

.ui-accordion .ui-accordion-content {
    padding: 0 !important;
}

.ui-tabs .ui-tabs-panel {
    padding: 1em 0;
}


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

.ui-dialog {
    margin-top: 10px;
    max-width:  90%;
    max-height: 90%;
}

.ui-dialog .ui-dialog-content {
    padding:  0 !important;
    overflow: hidden !important;
}

.ui-confirm-dialog .ui-dialog-content {
    padding:  1em !important;
}

.ui-dialog .ui-dialog-content iframe {
    overflow: hidden !important;
}

/**
* Readability of "read-only" Attributes
*/
.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled {
    background-image: none;
    opacity: 0.5 !important;
}

/**
* Readability of "read-only" Attributes
*/
button .ui-state-disabled .ui-widget-content .ui-state-disabled .ui-widget-header .ui-state-disabled {
    background-image: none;
    opacity: 0.2 !important;
}

/**
 * Change the layout of the fieldset legend.
 */
.ui-fieldset .ui-fieldset-legend {
    border:     none;
    background: none;
}



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

.ui-message-error-icon {
    background-image: url( '/publishing/dashboard/img/icons/validation/exclamation.gif' ) !important;
    background-position: 0 0 !important;
}


/**
 *
 * Per default, a tree was a width of 300px. But we want it to have a
 * variable width, calculated by the browsers css-engine.
 *
 */
.ui-tree {
    width: auto;
}



.ui-datatable .ui-paginator-endofrecords {
    font-size: smaller !important;
    margin-left: 10px;
    display: none;
}


.pim-scoped-table > div > table > tbody > tr > td > * {
    vertical-align: top;
}



.ui-dialog-buttonpane button {
    float: right;
}

.ui-spinner-input {
    text-align: left !important;
}

.ui-tree {
    width: calc( 100% - 2px) !important;
}



.ui-clock {
    background: none !important;
    border:     none !important;
    padding:    0 !important;
}

.ui-spinner-button {
    cursor: pointer !important;
    width:  24px !important;
}

.ui-spinner .ui-icon {
    left: 5px !important;
}

.ui-progressbar {
    border-radius: 3px !important;
}

.ui-progressbar .ui-progressbar-value {
    border-radius: 3px !important;
}

/*
 * Don't show the preview during file upload.
 */
.ui-fileupload-preview {
    display: none;
}

/*
 * Fix IE Bug.
 */
.ui-fileupload-buttonbar .ui-fileupload-choose input {
    width:  0;
    height: 0;
}

.ui-selectonemenu .ui-selectonemenu-label {
    overflow: inherit !important;
}
/*-----------------------------------------------------------------*/
/* End of customizing the default Primefaces-components            */ 
/*-----------------------------------------------------------------*/



/*-----------------------------------------------------------------*/
/* Customize the default Primefaces-Extensions-components          */ 
/*-----------------------------------------------------------------*/
.ui-tooltip, .qtip {
    max-width: 500px !important;
    width:     auto !important;
    white-space: pre-wrap;
    word-wrap:   break-word;
    font-size: 12px !important;
}

.ui-editor-tooltip {
    max-width: 260px !important;
}

.ui-tooltip, .qtip-default {
    background-color: #d9edf7 !important;
    color: #31708f !important;
    border-color: #bce8f1 !important;
}

.ui-tooltip, .qtip-content {
    padding: 7px 11px;
    line-height: 1.5em;
}

.qtip-content tr {
    background-color: inherit;
}

.ui-shadow {
    -moz-box-shadow: 2px 2px 3px rgba(50,50,50,0.8) !important;
    -webkit-box-shadow: 2px 2px 3px rgba(50,50,50,0.8) !important;
    box-shadow: 2px 2px 3px rgba(50,50,50,0.8) !important;
}
/*-----------------------------------------------------------------*/
/* End of customizing the default Primefaces-Extensions-components */ 
/*-----------------------------------------------------------------*/
 
 
.ui-selectonemenu {
    background: none !important;
}

.ui-selectonemenu-trigger {
    background: none !important;
    border-left: none !important;
}

.ui-state-hover {
    box-shadow: none !important;
}

.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {
}



.ui-selectoneradio td {
    vertical-align: middle;
}

.x-pim-hitlist table {
}

.x-pim-hitlist td {
	height: 0;
    vertical-align: middle;
}