/*
Fernbach Software
*/

/* muss nach umstellung modena entfernt werden*/
.p-datepicker-panel .ui-timepicker{
	text-align: center;
	color:#78909C;
}

.ui-datepicker-calendar tbody tr .ui-datepicker-today a {
	color: unset !important;
}

/* Fernbach TreeTable Styles */
.ui-treetable table thead tr th, .ui-treetable table tbody tr td, .ui-treetable table tfoot tr td {
	font-size: 14px;
}

.ui-treetable table thead tr th, .ui-treetable table tfoot tr td {
    color: #546e7a;
    font-family: 'robotolight';
    font-weight: bold;
	background-color: #dae8ef !important;
	border: solid 1px #c1d5df;
	white-space: normal;
	text-overflow: ellipsis;
    padding: 3px;
}


.ui-treetable table thead tr th.greenbackground { background-color: #A5D6A7 !important; }
.ui-treetable table thead tr th.bluebackground { background-color: #E1F5FE !important; }
.ui-treetable table thead tr th.orangebackground {background-color: #FFCC80 !important;}
.ui-treetable table thead tr th.amberBackground { background-color: #FFECB3 !important; }
.ui-treetable table thead tr th.lightGreenBackground { background-color: #C5E1A5 !important; }
.ui-treetable table thead tr th.darkBlueBackground { background-color: #BBDEFB !important; }
.ui-treetable table thead tr th.greyBackground { background-color: #CFD8DC; }

.ui-treetable .fb-nowrap {
	table-layout: fixed;
}

.ui-treetable .fb-nowrap td {
	width: 1px;
	white-space: nowrap;
}

.ui-treetable .fb-nowrap {
    table-layout: auto !important;
	min-width: 100% !important;
	width: auto !important;
}

.ui-treetable {
	overflow-y: hidden;
}

/* Fernbach DataTable Styles */
.ui-datatable table thead tr th, .ui-datatable table thead tr th .columnHeader-left, .ui-datatable table tfoot tr td {
	font-family: 'robotolight';
	font-size: 14px;
}

.ui-datatable table tbody .ui-state-hover td {
	color: #03a9f4;
	background-color: #f5f5f5;
}

.ui-datatable table tbody tr td {
	color: #546e7a;
    border: dashed 1px #c5d5e2;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

.ui-datatable .ui-datatable-odd, .ui-datatable .ui-datatable-even {
	background-color: #ffffff;
}

.ui-calendar-label {
    color: #546E7A;
    vertical-align: middle;
    margin: 10px 5px 10px 10px !important;
}

/** Fullcalendar -> Primefaces Scheduler **/
.fc .fc-toolbar-title {
	font-size: 1.35em !important;
}

.fs-datatable-field-error { border-bottom: 1px solid #f03369 !important; }

.fs-datatable-row-deleted, .fs-datatable-row-deleted div, .fs-datatable-row-deleted span { text-decoration:line-through; }
.fs-datatable-row-deleted .ui-row-editor-pencil { display: none !important; }
.fs-datatable-row-delete-btn { color: #455a64 !important; }
.fs-datatable-column-rowEditor { width: 5%; text-align: center; }
.fs-datatable-column-rowDelete { width: 50px; text-align: center; }
.fs-datatable-column-checkbox { width: 28px; text-align: center; }
.fs-datatable-column-changeType { width: 50px; text-align: center; }
.fs-datatable-column-active { width: 70px; text-align: center; }
.fs-datatable-column-shortName { width: 180px; }
.fs-datatable-column-shortName .ui-inputtext { width: 150px; }
.fs-datatable-column-date { width: 130px; }
.fs-datatable-column-date .ui-inputfield { width: 100px; }
.fs-datatable-column-checkbox { width: 100px; text-align: center; }
.fs-datatable-column-width200 { width: 200px; }
.fs-datatable-column-width250 { width: 250px; }

.row-inactive { background-color: #F5F5F5 !important; }


.ui-chips-token{ background-color: #c6d6df; padding: 5px; }
.ui-selectcheckboxmenu-multiple { height: 41px; }
.ui-selectcheckboxmenu-multiple-container.ui-inputfield {
    height: 40px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
.ui-selectcheckboxmenu-multiple .ui-selectcheckboxmenu-trigger .ui-icon { top: auto; }
.ui-selectcheckboxmenu-token { padding: initial; margin: initial; }
.ui-selectcheckboxmenu-token-icon { background-image: url(/hr/javax.faces.resource/images/ui-icons_cd0a0a_256x240.png.xhtml?ln=primefaces-modena) !important; }
.ui-selectcheckboxmenu-multiple { min-height: 41px; }

/* OneMenu trigger */
.ui-fluid .ui-selectonemenu .ui-selectonemenu-trigger, .ui-fluid .ui-selectcheckboxmenu-trigger {
    height: 100% !important;
    border-bottom: none !important;
}

/* Hide border of header text in selectonemenu */
.ui-selectonemenu-panel .ui-selectonemenu-table th, .ui-selectonemenu-panel .ui-selectonemenu-table td { border-width: 0px !important; }
.ui-selectonemenu-panel .ui-selectonemenu-filter-container .ui-inputfield { width: 75%; }
.ui-selectonemenu-filter-container { width: 100%; }

/* If selectonemenu has dynamic=true attribute set, the height of the control is wrong */
.ui-selectonemenu-label:empty { height: 22px; }

/* TabView with orientation left - Fix height */
.ui-tabs.ui-tabs-left>.ui-tabs-nav { height: inherit; }

.ui-inputtext { width: 300px; }

/* Block UI Background */
.ui-blockui-content { background-color: #ffffff;}

/* Change Growl Position to the bottom right */
.ui-growl {
    top: auto !important;
    bottom: 0;
    width: auto;
    min-width: 300px;
    max-width: 500px;
}

.ui-growl-message {
	width: auto;
	min-width: 220px;
}

.ui-image-button-position{
	position: absolute; 
	top:0px;
	right:0px;
	height: 30px;
}

.ui-image-button-color{
	color: #e53935;
}

/* Some custom fernbach styles */
.light-border-radius {
	border-radius: 5px;
}

.cyan-background {
	background-color: #00838F;
}

.error-background {
	background-color: #d26d6d;
}

.blue-background {
	background-color: rgb(56, 175, 232);
}


/* Icon style on the top left */
#logo img {
	border-radius: 10%;
	-webkit-border-radius: 10%;
	-moz-border-radius: 10%;
}

/*
Default Confirm Dialog
 */
.fs-dialog-confirm {
	min-width: 250px;
}
.fs-dialog-confirm .ui-confirm-dialog-message {
	float: left;
}

/* Treetable Auto Column Sizing */
/*.fs-treetable table { table-layout: auto; }
.fs-treetable table thead tr th {
	font-size: 14px;
	word-wrap: break-word;
	overflow: visible;
	white-space: normal;
	font-size: 95% !important;
	
}
.fs-treetable table tbody tr td {
	font-size: 14px;
	word-wrap: break-word;
	overflow: visible;
	white-space: normal;
}*/

.ui-breadcrumb {
    padding: 8px !important;
    border: inactiveborder !important;
    background-color: transparent !important;
}
.ui-breadcrumb ol li .ui-menuitem-link {
    color: #2D5A94 !important;
	font-weight: normal;
}

.ui-breadcrumb .ui-breadcrumb-items li:not(.ui-breadcrumb-chevron):before {
	content: "\e901";
	font-family: "primeicons" !important;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	display: inline-block;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	text-indent: 0 !important;
	background-image: none !important;
	margin: 0 0.5rem 0 0.5rem;
	color: #495057;
}

/*Topbar menu*/
.adjust-topbar-icon {
	width:15px !important;
	height:15px !important;
}

.home-button-logo {
	padding-left: 10px;
	font-size: 20px;
	height: 40px;
}

.appMenu-separator {
	border: 0; 
	background-color: #f5f5f5; 
	width: 2px; 
	height: 42px; 
	padding: 0; 
	margin:0
}

.appMenu-horizontal-separator {
	border: 0; 
	background-color: #f5f5f5; 
	width: 200px; 
	height: 3px; 
	padding: 0; 
	margin:0
}

#top-menu li ul li a em {
	margin-right: 5px;
}

/* Search window with background icon */
.fb-search-input{
    background-image:url("/hr/javax.faces.resource/images/searchicon.svg.xhtml?ln=modena-layout");
    background-repeat: no-repeat;
    background-position: right;
    background-size: 9%;
    padding-right: 35px !important;
}

/* Exception Dialog */
.exception-dialog { max-width: 1100px; }


/* Change font-size of the modena validation messages (make a little bit smaller) */
.ui-message-error, .ui-message-warn, .ui-message-info {
	font-size: 16px !important;
}


/* DataTable Styles */
/* DEPRECATED!! USE fs-dataTable-vertical-text instead! */
.VerticalText  {
    display: inline-block;
    overflow: hidden;
    width: 1.5em;
}

/* DEPRECATED!! USE fs-dataTable-vertical-text instead! */
.VerticalText_inner {
    display: inline-block;
    white-space: nowrap;
    /* this is for shity "non IE" browsers
       that dosn't support writing-mode */
    -webkit-transform: translate(1.5em,0) rotate(90deg);
    -moz-transform: translate(1.5em,0) rotate(90deg);
    -o-transform: translate(1.5em,0) rotate(90deg);
    transform: translate(1.5em,0) rotate(90deg);
    -webkit-transform-origin: 0 0;
    -moz-transform-origin: 0 0;
    -o-transform-origin: 0 0;
    transform-origin: 0 0;
    /* IE9+ */
    -ms-transform: none;
    -ms-transform-origin: none;
    /* IE8+ */
    -ms-writing-mode: tb-rl;
    /* IE7 and below */
    *writing-mode: tb-rl;
}

/* DEPRECATED!! USE fs-dataTable-vertical-text instead! */
.VerticalText_inner:before {
    content: "";
    float: left;
    margin-top: 105%;
}

.fs-dataTable-vertical-text>span {
	/* Vertical Text with horizontal letters
	display: block;
	width: 5px;
    font-size: 14px;
    word-wrap: break-word;
    margin: 0 auto;*/
    
    display: inline-block;
    
    /*-ms-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);*/

    -webkit-transform-origin: center;
    -moz-transform-origin: center;
    -o-transform-origin: center;
    transform-origin: center;
    
    writing-mode: vertical-rl;
    -ms-writing-mode: tb-rl;
    
    white-space: nowrap;
}

.fb-datatable-min-row-height>.ui-datatable-tablewrapper>table>tbody>tr {
	height: 25px;
}

/* WATCHLIST
.ui-datatable table tbody td  {
    padding: 2px !important;
    font-size: 90% !important;
}

.ui-datatable table thead tr th { 
    font-size: 90% !important;
}

.ui-datatable th {
    vertical-align: top !important;
}
*/

/* Background Color of Accordion */
.fs-accordion .ui-accordion-header {
    background-color: #f5f5f5;
    color: black;
}

/* PF Dialog without 20px padding! */
.fb-dialog-nopadding>.ui-dialog-content {
	padding: 8px 20px 8px 8px !important;
}

/* Datatable Style */
.ui-datatable th {
    vertical-align: top !important;
}

/*.ui-datatable table thead tr th { 
	font-size: 95% !important;
}*/

.ui-datatable table tbody td  {
    padding: 3px !important;
}

.ui-datatable-scrollable-header {
	/** Default value of pf scrollable datatable is "relative". With relative, the fc:columnOptions tag (sorting, filtering) doesn't work!
	 * In my opinion, the position: relative of pf is not needed! - mdi **/
	position: static !important;
}

.fb-nowrap td {
	white-space: nowrap; 
    text-overflow: ellipsis;
}

/*
* Reset <p:dataTable/> columns width
* Usage: Add 'fb-nowrapClip' to <p:dataTable/> styleClass attribute
*/
.fb-nowrapClip td {
	white-space: nowrap;
	text-overflow: clip;
}

.fb-nowrapClip .columnHeader-left {
	max-width: none;
}

.ui-datatable table tbody .ui-expanded-row-content td {
	padding: 0px !important;
}

/* Tooltip Fix for Modena (not correct designed in PF6) */ 
.ui-tooltip {
	background-color: transparent !important;
}

/* Custom legend of datatable */
.fs-dataTable-legend {
	float: right;
	display: table;
	margin: 5px;
}

.fs-dataTable-legend-column {
	display: table-cell;
	padding: 0px 5px 0px 5px;
}

.fs-dataTable-legend-color {
	display: table-cell;
	width: 25px;
	border-radius: 8px;
}

.fs-dataTable-legend-text {
	display: table-cell;
	padding-left: 5px;
}

/* table header background */
.ui-datatable th.greenbackground, .fs-dataTable-legend .greenbackground { background-color: #A5D6A7 !important; }
.ui-datatable th.bluebackground, .fs-dataTable-legend .bluebackground { background-color: #E1F5FE !important; }
.ui-datatable th.orangebackground, .fs-dataTable-legend .orangebackground { background-color: #FFCC80; }
.ui-datatable th.amberBackground, .fs-dataTable-legend .amberBackground { background-color: #FFECB3; }
.ui-datatable th.lightGreenBackground, .fs-dataTable-legend .lightGreenBackground { background-color: #C5E1A5; }
.ui-datatable th.darkBlueBackground, .fs-dataTable-legend .darkBlueBackground { background-color: #BBDEFB; }
.ui-datatable th.greyBackground, .fs-dataTable-legend .greyBackground { background-color: #CFD8DC; }

.ui-datatable table, .ui-datatable-resizable table {
    min-width: 100% !important;
}

.ui-datatable-resizable tbody td {
	white-space: normal;
}

.ui-paginator .ui-paginator-first, .ui-paginator .ui-paginator-prev, .ui-paginator .ui-paginator-pages .ui-paginator-page, .ui-paginator .ui-paginator-next, .ui-paginator .ui-paginator-last, .ui-paginator .ui-paginator-rpp-options {
    font-size: 90% !important;
    padding: 2px !important;
}

.ui-expanded-row-content .ui-column-title {
    display: none;
}

.ui-datatable table, .ui-datatable-resizable table {
    table-layout: auto !important;
}

.ui-datatable-scrollable table, .ui-datatable-resizable table {
    table-layout: fixed !important;
}

.ui-datatable .ui-selection-column .ui-chkbox-all {
	margin-left: 0px;
}


/* filter checkbox menu without label
.ui-datatable .ui-selectcheckboxmenu .ui-selectcheckboxmenu-label {
    padding: 0px !important;
}
.ui-datatable .ui-selectcheckboxmenu {
    padding: 9px 10px 6px !important;
}
.ui-datatable .ui-selectcheckboxmenu .ui-selectcheckboxmenu-trigger {
    padding: 1px 2px !important;
}
.ui-datatable .ui-selectcheckboxmenu-trigger .ui-icon-triangle-1-s {
    margin-top: 0px !important;
} */

.ui-datatable table tfoot tr td.summary  {
	text-align: inherit;
	padding:2px;
}

/* Actionbar styles */
.UserLinks .ui-commandlink {
	color: #546E7A !important;
}

.fs-menubar-subitem {
	padding: 0px 0px 0px 10px;
    font-size: 14px !important;
}

/* Styles for a datagrid (like dealOverview.xhtml in Impairment Manager) */
.fb-datagrid {
	margin-bottom: 20px;
	border: 1px solid #C1D5DF;
}
.fb-datagrid thead tr td { background-color: #DAE8EF; }
.fb-datagrid thead tr td label { color: #546e7a; font-weight: bold !important; }
.fb-datagrid>tbody>tr:nth-child(odd), .fb-datagrid .ui-grid-row:nth-child(odd) { background-color: #FEFEFF; }
.fb-datagrid>tbody>tr:nth-child(even), .fb-datagrid .ui-grid-row:nth-child(even) { background-color: #EBF0F6; }
.fb-datagrid .fb-datagrid-border-right { border-right: 1px solid #C1D5DF !important; }
.fb-datagrid-header-left>tbody>tr>td:first-child, .fb-datagrid-header-left>.ui-grid>.ui-grid-row>.ui-panelgrid-cell:first-child {
	background-color: #DAE8EF;
	color: #546e7a; 
	font-weight: bold !important;
	border-right: 1px solid #C1D5DF !important;
    text-align: right;
}
.fb-datagrid-header-left>tbody>tr>td:first-child label, .fb-datagrid-header-left>.ui-grid>.ui-grid-row>.ui-panelgrid-cell:first-child label { color: #546e7a; font-weight: bold !important; }
.fb-datagrid.ui-panelgrid>*>tr, .fb-datagrid.ui-panelgrid .ui-panelgrid-cell { border: none; }
.fb-datagrid>div { border-right: 1px solid #C1D5DF !important; }

.fb-grid { border: 1px solid #C1D5DF; margin-bottom: 15px; }
.fb-grid-head { text-align: right; background-color: #DAE8EF; }
.fb-grid-head, .fb-grid-head>* { color: #546e7a; font-weight: bold !important; }
.fb-grid-row:nth-child(odd) { background-color: #FEFEFF; }
.fb-grid-row:nth-child(even) { background-color: #EBF0F6; }
.fb-grid-row>div { border-right: 1px solid #C1D5DF; }


/* The following styles are for the sidebar on the left side */
.fb-sidebar-container[aria-expanded="false"], .fb-sidebar-container[aria-expanded="false"] .fb-sidebar-wrapper { width: 43px; }
.fb-sidebar {
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	min-width: 43px;
	width: 43px;
	height: 100%;
	position: fixed;
	z-index: 995;	
}

.fb-sidebar-wrapper {
	border-right: 1px solid #CCCCCC;
	position: absolute;
	height: 100%;
	left: 0px;
	top: 0px;
	bottom: auto;
	background-color: #FFFFFF;
	overflow-y: auto;
}

.fb-sidebar-content { padding: 46px 0 0 0px; }

.fb-sidebar-footer {
	bottom: 0;
	min-height: 35px;
	position: absolute;
	width: 100%;
	border-top: 1px solid #ccc;
	background-color: #fff;
}

.fb-sidebar a {	color: #00838F; }
.fb-sidebar-content ul { padding-left: 0px; }

.fb-sidebar-content li {
	list-style-type: none;
	padding: 0px;
	line-height: 25px;
}

.fb-sidebar-content ul ul li { display: flex; }

.fb-sidebar-content li .ui-commandlink {
	margin: 0px;
	display: block;
	width: 100%;
	height: 100%;	
}

.fb-sidebar-content li .ui-link {
	margin: 0px;
	display: block;
	width: 100%;
	height: 100%;	
}

.fb-sidebar-content .fb-sidebar-badge {
	position: relative;
	top: -8px;
	left: 13px;
}

.fb-sidebar-content .fb-sidebar-container-subItems .fb-sidebar-badge {
	float: right;
	top: 5px;
	left: -3px;
	line-height: 20px;
}

.fb-sidebar-content .fb-sidebar-exclamation {
	position: relative;
	top: -2px;
	left: 4px;
	color: #FF0000;
}

.fb-sidebar-content .fb-sidebar-container-subItems .fb-sidebar-exclamation {
	float: right;
	top: 10px;
	left: -5px;
	line-height: 20px;
}

.fb-sidebar-footer a {
	margin: 0px;
	display: block;
	width: 100%;
	height: 100%;
	min-height: 35px;
}

.fb-sidebar-content li a:hover, .fb-sidebar-footer a:hover { background-color: #E6E6E6; }
.fb-sidebar-container[aria-expanded="true"] .fb-twoletter-icon, .fb-sidebar-container[aria-expanded="true"] .fb-letter-icon, .fb-sidebar-container[aria-expanded="true"] .fb-nav-icon { display: none; }

.fb-nav-item { border-bottom: 1px solid #DEDEDE; }
.fb-nav-item-selected { background-color: #E6E6E6; }
.fb-nav-icon {
	display: inline-block;
	padding: 6px 0 0 0px;
}

.fb-nav-label { padding: 6px 0 0 10px; }
.fb-sidebar-container[aria-expanded="false"] .fb-nav-label { display: none; } 
.fb-sidebar-container[aria-expanded="false"] #fb-icon-col-exp { padding-left: 15px; }
.fb-nav-label { display: none; }
.fb-sidebar-wrapper { width: 43px; }
.fb-sidebar-container[aria-expanded="true"] .fb-sidebar-wrapper { width: 280px; }
.fb-sidebar-container[aria-expanded="true"] .fb-nav-label { display: inline-block; }
.fb-sidebar-container[aria-expanded="true"] #fb-icon-col-exp { padding-left: 250px; }
.fb-sidebar-container[aria-expanded="true"] .fb-nav-icon { float: right; padding-right: 7px; }
.fb-sidebar-toggle span { font-size: 33px; }
.fb-sidebar-content ul li ul .fb-nav-label {
	float: right;
	padding: 10px 10px 0 0;
	font-size: 15px;
}
.fb-nav-item-toggler { float: right; font-size: 25px; padding: 6px 8px 0px 0px; }
.fb-sidebar-container-subItems { display: none; }
.fb-sidebar-container-subItems


/* One or two letter style */
.fb-letter { display: inline-block; font-size: 23px; padding-top: 4px; }
.fb-letter span { font-family: monospace; }
.fb-letter-icon { font-size: 22px; }
.fb-twoletter-icon {  }
.fb-sidebar-container[aria-expanded="true"] .fb-letter { float: right; }
.fb-sidebar-container[aria-expanded="true"] .fb-letter-icon { margin-right: 14px; }
.fb-sidebar-container[aria-expanded="true"] .fb-twoletter-icon { margin-right: 6px; }

.fb-sidebar .ui-commandlink { color: #00838F !important; }
.fb-sidebar-container[aria-expanded="false"] .ui-commandlink { text-align: center; }

.fb-sidebar .ui-link { color: #00838F !important; }
.fb-sidebar-container[aria-expanded="false"] .ui-link { text-align: center; }

.fb-sidebar-toggler {
	position: fixed;
	display: block;
	
	top: 50%;
	z-index: 999;
	
	font-size: 40px;
	cursor: pointer;
	cursor: hand;
	
	left: 280px;
}


/* Datatable Filter */
.datatable-filter-pnlOuter { position: absolute; z-index: 1001; }
.datatable-filter-pnl { min-width: 235px; border: 1px solid #BBB; z-index: 1020 !important; }
.datatable-filter-pnl .ui-overlaypanel-content { padding: 5px !important; }
.ui-datatable thead th { overflow: visible; }
.ui-datatable-scrollable-body thead th { overflow: hidden; }
/*.ui-datatable table, .ui-datatable-resizable table { table-layout: auto !important; }*/
.ui-datatable-tablewrapper { overflow-y: hidden; /*min-height: 200px;*/ }
.no-column-options .ui-datatable-tablewrapper { min-height: 0px; }
.ui-datatable th .ui-inputtext { display: none; }
.columnOptionsLink { color: #546E7A !important; }
.ui-datatable-tablewrapper th { padding: 3px !important; }
.columnHeader {	display: table; }
.columnHeader-left { display: table-cell; width: 100%; text-overflow: ellipsis; overflow: hidden; max-width: 10px; }
.columnHeader-right { display: inline-block; width: 20px; }
.datatable-filter-selectmenu-panel { padding-top: 5px !important; z-index: 900 }
.datatable-filter-searchinput { display: inline !important; width: inherit !important; }
.datatable-filter-selectmenu {
	z-index: 900;
	width: -moz-calc(100% - 56px); /* Firefox */
	width: -webkit-calc(100% - 56px); /* WebKit */
	width: -o-calc(100% - 56px); /* Opera */
	width: calc(100% - 56px); /* Standard */
}

/* Style for Column Toggler */
.panelgrid-no-border.ui-panelgrid tr, .panelgrid-no-border.ui-panelgrid .ui-panelgrid-cell { border: none; }

/* Styles for setting dialogs */
.fs-settingDialogs-componentDialog-panelGrid tr > td:first-child { width: 50% }

/* Style for invisible panel (e.g. for use in ajax updates)*/
.panel-invisible.ui-panel, .panel-invisible.ui-panel .ui-panel-content.ui-widget-content  {
	border: none !important;
	padding: 0 !important;
}

/* Navigation Bar e.g. DataExporter, ColumnChooser, ... */
.navbar-icon { display: inline-block; margin-right: 15px; }
.navbar-left { float: left; }
.navbar-right { text-align: right; }
.navbar-right>.navbar-icon:last-child { margin-right: 0px; }
.navbar-left .BoldGray, .navbar-right .BoldGray { color: #546E7A !important; }
.navbar-separator { margin: 0px 30px 0px 20px; font-size: 20px; color: #CCC; }
.headline-separator { margin: 0px 15px 0px 15px; font-size: 20px; color: #CCC; }
.headline-label { font-weight: bold !important; }
.columnTogglerOverlay .ui-scrollpanel { height: 300px; width: 90%; }
.columnTogglerOverlay .columnToggler-filterInput { width: 75%; }
.columnToggler-markAll { padding: 10px 0 0 13px; }
.columnToggler-checkboxes tr td { /*float: left;*/ }

/* Foogle */
.foogle-close-icon {
	position: absolute;
	top: 75px;
	right: 22px;
}

/* tri-state checkbox */
.ui-chkbox-box .ui-icon-null {
  background: none;
  box-shadow: none;
  margin-left: -2px;
  margin-top: -2px;
  border: dotted 2px #90A4AE ;
  border-radius: 2px;
  cursor: pointer;
  width: 16px !important;
  height: 16px !important;
  background-color: #ffffff;
} 

.nested_panelgrid .ui-panelgrid-cell {
	padding-left: 0px !important;
	padding-right: 0px !important;
}



.apps-checkbox {
	top: 3px;
	right: 0px;
}


.tile {
	width: 98px;
	height: 98px;
	line-height: 98px;
	display: block;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	font-family: 'robotoregular';
	color: #546e7a;
}

.tile-outer-pnl {
    word-break: break-word;
}

.tileIcon.BLUE {
	color: #0277BD;
}

.tileIcon.GRAY {
	color: #37474F;
}

.tileIcon.RED {
	color: #CC2E45;
}
.tileIcon.CYAN {
	color: #26A69A;
}

.tileIcon.INDIGO {
	color: #283593;
}

.groupTile {
	width: 32px;
	background-color: #5c6bc0;
	height: 98px;
	margin: 10px 0;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
}

.groupTileInner {
	height: 32px;
	width: 88px;
	padding: 0 5px;
	transform: rotate(-90deg) translate(-32px, -34px);
	-ms-transform: rotate(-90deg) translate(-32px, -34px); /* IE 9 */
   	-webkit-transform: rotate(-90deg) translate(-32px, -34px); /* Safari */
   	-moz-transform: rotate(-90deg) translate(-32px, -34px); /* Mozilla */
	color: white;
	font-size: 1em;
	overflow: hidden;
	text-align: center;
	margin: auto;
}

.tileTitle {
	text-align: center;
	width: 98px;
}

.tileIcon {
	vertical-align: middle;
}

.pnl-login {
	width: 60%;
}

/* Login Screen Responsive */
@media (max-width : 640px) {
	.pnl-login {
		width: 90%;
	}

	.pnl-login-outer input {
		width: 90%;
	}
}

/* Portrait tablet to landscape and desktop */
@media ( min-width : 640px) and (max-width: 960px) {
	.tile {
		width: 80px;
		height: 80px;
		line-height: 80px;
	}
	.groupTile {
		width: 26px;
		height: 80px;
		margin: 5px 0
	}
	.groupTileInner {
		width: 70px;
		height: 26px;
		transform: rotate(-90deg) translate(-26px, -28px);
		-ms-transform: rotate(-90deg) translate(-26px, -28px); /* IE 9 */
   		-webkit-transform: rotate(-90deg) translate(-26px, -28px); /* Safari */
   		-moz-transform: rotate(-90deg) translate(-26px, -28px); /* Mozilla */
		font-size: 0.9em;
	}
	.tileTitle {
		width: 80px;
	}
}

@media ( min-width : 480px) and (max-width: 640px) {
	.tile {
		width: 70px;
		height: 70px;
		line-height: 70px;
	}
	.groupTile {
		width: 23px;
		height: 70px;
		margin: 5px 0
	}
	.groupTileInner {
		width: 60px;
		height: 23px;
		transform: rotate(-90deg) translate(-22px, -25px);
		-ms-transform: rotate(-90deg) translate(-22px, -25px); /* IE 9 */
   		-webkit-transform: rotate(-90deg) translate(-22px, -25px); /* Safari */
   		-moz-transform: rotate(-90deg) translate(-22px, -25px); /* Mozilla */
		font-size: 0.9em;
	}
	.tileTitle {
		width: 70px;
	}
}

/* for landscape phones */
@media ( min-height : 320px) and (max-height: 560px) {
	.tile {
		width: 60px;
		height: 60px;
		line-height: 60px;
	}
	.groupTile {
		height: 60px;
		width: 20px;
		margin: 5px 0
	}
	.groupTileInner {
		height: 20px;
		width: 50px;
		transform: rotate(-90deg) translate(-19px, -21px);
		-ms-transform: rotate(-90deg) translate(-19px, -21px); /* IE 9 */
   		-webkit-transform: rotate(-90deg) translate(-19px, -21px); /* Safari */
   		-moz-transform: rotate(-90deg) translate(-19px, -21px); /* Mozilla */
		font-size: 0.7em;
	}
	.tileTitle {
		width: 60px;
	}
}

/* Portrait phones and down */
@media ( min-width : 320px) and (max-width: 480px) {
	.tile {
		width: 60px;
		height: 60px;
		line-height: 60px;
	}
	.groupTile {
		height: 60px;
		width: 20px;
		margin: 5px 0
	}
	.groupTileInner {
		height: 20px;
		width: 50px;
		transform: rotate(-90deg) translate(-19px, -21px);
		-ms-transform: rotate(-90deg) translate(-19px, -21px); /* IE 9 */
   		-webkit-transform: rotate(-90deg) translate(-19px, -21px); /* Safari */
   		-moz-transform: rotate(-90deg) translate(-19px, -21px); /* Mozilla */
		font-size: 0.7em;
	}

	.tileTitle {
		width: 60px;
	}
}


/* Preview Styles for Reporting Menu */
.preview-top-icon {
	position: absolute;
	top: 0px;
	right: 0px;
	padding: 6px;
	background-color: #FFF;
}

.preview-title {
	width: 220px;
	text-align: center;
}

.preview-tile {
	width: 220px;
    height: 180px;
    display: block;
}

.no-preview {
	position: absolute;
	margin: 0;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}

.preformatted {
    white-space: pre-wrap
}


/* Extension of Grid CSS */
@media (max-width: 641px) {
	.ui-sm-hidden { display: none; opacity: 0; }
}
@media (max-width: 1025px) {
	.ui-md-hidden { display: none; opacity: 0; }
}
@media (max-width: 1441px) {
	.ui-lg-hidden { display: none; opacity: 0; }
}

/* Styles of topbar */
@media (max-width: 960px) and (min-width: 640px) {
	#top-menu > li > .ui-commandlink, #top-menu > li > .ui-link, #top-menu > li > span, #top-menu > li  i {
		color: #546e7a !important;
	}
}
@media (min-width: 961px) {
	#top-menu > li > .ui-commandlink, #top-menu > li > .ui-link, #top-menu > li > span {
		color: #FFFFFF !important;
	}
}

#layout-portlets-cover[aria-expanded=false] {
	padding-left: 60px;
}

@media (min-width: 769px) {	
	#layout-portlets-cover[aria-expanded=true] {
		padding-left: 295px;
	}
}

/* Styles for a text headline (beside nav buttons) */
.headline-text {
    font-style: italic;
    font-weight: bold;
}

/* Styles for tasks */
.task-processNote-txt { width: 98%; }
.task-processNote-pnl { width: 99%; max-height: 100px; font-size: 14px; font-style: italic; }
.fs-taskList-isNotEditable td { color: #DCDCDC !important; }
.fs-taskList-isNotEditable .ui-chkbox { display: none; }
.fs-taskList .ui-chkbox-all { display: none !important; }
.fs-outputDiff-panel { color: #FF0000; padding: 3px 10px; display: inline; }
.fs-outputDiff-panel .ui-chkbox-box { border: solid 2px #FF0000; }
.fs-outputDiff-panel .ui-datatable-tablewrapper { border: 1px dashed red; }
.ui-tabs-top .ui-tabs-nav li .fs-outputDiff-tab { color: red !important; }

/* Field Comparison */
.fs-fieldComparison-pnlValueChanged { color: #FF0000; }
.fs-fieldComparison-pnlValueChanged-value .ui-chkbox-box { border: solid 2px #FF0000; }
.fs-fieldComparison-clearAndFloatRight { clear: both; float: right; }

/* Styles for settings page */
.fb-field-desc, .fb-field-desc label { font-size: 14px; }

/* Notification Panel Styles */
/* .noty-outer-pnl { position: fixed; } */
.noty-menu { width: 450px !important; right: 5%; }
.noty-header-pnl { height: 30px; font-size: 14px; color: #778d9b; }
.noty-header-left { float: left; padding: 5px; }
.noty-header-right { text-align: right; padding: 5px; }
.noty-menu a { padding: 0px !important; display: inline !important; }
.noty-header-right a { font-size: 14px !important; }
.noty-outer-pnl .ui-scrollpanel { padding: 5px 0px 0px 5px !important;}
.noty-inner-pnl { border-bottom: 1px solid #dddfe2; }
.noty-scroll-pnl { height: 100%; max-height: 400px; }
.noty-information { text-align: center; padding: 5px; }
.noty-no-notifications { font-size: 14px; }
.noty-inner-pnl { background-color: #fff; min-height: 50px; font-size: 13px; }
.noty-link:hover .noty-inner-pnl { background-color: #f5f5f5; }
.noty-link>.noty-unread { font-weight: bold; }
.noty-icon-delete { color: #000; float: right; padding: 5px 1px 0px 1px; visibility: hidden; }
.noty-list-entry:hover .noty-icon-delete { visibility: visible; }
.noty-list-entry:hover .noty-icon-delete:hover { font-weight: bold; }
.noty-icon { float: left; padding-right: 5px; font-size: 20px; }
.noty-message-pnl { padding: 5px; color: #000; text-align: left; }
.noty-message { font-size: 13px; }
.noty-created-pnl { text-align: right; padding: 0px 10px 5px 0px; }
.noty-created { padding-top: 10px; font-size: 12px; font-style: italic; }

/* Task Panel Styles */
.tasks-outer-pnl {}
.tasks-header-pnl { color: #778d9b; border-bottom: 1px solid #dddfe2; background-color: #FBFCFD; }
.tasks-header-pnl { font-size: 14px; }
.tasks-header-right { text-align: right; }
.tasks-message-pnl { text-align: center; margin: 10px; font-size: 14px; color: #778d9b; }
.tasks-no-tasks {}

/* AutoComplete Padding Change */
.ui-fluid .ui-autocomplete .ui-autocomplete-input { padding-right: initial !important; }
.fs-minWidth100 { min-width: 100px; }
.fs-minWidth150 { min-width: 150px; }
.fs-minWidth200 { min-width: 200px; }
.fs-autocomplete-panel-widthAuto { width: auto !important; }

.fs-table-state-highlight { background-color: #eef2f7; }
.ui-datatable .fs-table-state-highlight { background-color: #eef2f7; }
.ui-datatable .ui-datatable-odd .fs-table-state-highlight { background-color: #eef2f7; }
.ui-datatable .ui-datatable-even .fs-table-state-highlight { background-color: #eef2f7; }

/* Stylesheets for Main and Help Content */
#mainContent {
	position: absolute;
	top: 0;
	left: 0;
}
#helpContent {
	position: absolute;
	top: 70px;
	right: 0;
	z-index: 500;
}
#helpContent a, #helpContent a:active, #helpContent a:visited, #helpContent a:hover {
	color: #0052CC;
}

#helpContentInner {
	margin-left: 10px;
	margin-right: 5px;
}

#helpContentInner li {
	list-style: inherit;
}

#helpContentInner table {
	border-collapse: collapse;
}

#helpContentInner th {
	background: #f4f5f7 center right no-repeat;
	padding-right: 15px;
}

#helpContentInner th, #helpContentInner td {
	border: 1px solid #c1c7d0;
	padding: 7px 10px;
	vertical-align: top;
	text-align: left;
}

#helpContentInner h1, #helpContentInner h2, #helpContentInner h3, #helpContentInner h4, #helpContentInner h5, #helpContentInner h6 {
	padding-top: 10px;
}

#helpContentInner h3 {
	font-size: 1.07em;
}

#helpContentInner h2 {
	font-size: 1.17em;
}

#helpContentInner blockquote {
	border-left: 1px solid #dfe1e6;
	color: #7a869a;
	margin-left: 19px;
	padding: 10px 20px;
}

.fs-helpContent-navbar {
	float: right;
}

.fs-helpContent-thumb {
	max-width: 100%;
}

.fs-lightbox {
	/** Default lightbox to hidden */
	display: none;

	/** Position and style */
	position: fixed;
	z-index: 999;
	width: 100%;
	height: 100%;
	text-align: center;
	top: 60px;
	left: 0;
	background: rgba(0,0,0,0.8);
}

.fs-lightbox img {
	/** Pad the lightbox image */
	max-width: 90%;
	max-height: 80%;
	margin-top: 2%;
}

.fs-lightbox:target {
	/** Remove default browser outline */
	outline: none;

	/** Unhide lightbox **/
	display: block;
}

/* Style the button that is used to open and close the collapsible content */
.fs-collapsible {
	background-color: #f5f5f5;
	color: #444;
	cursor: pointer;
	padding: 18px;
	border: none;
	text-align: left;
	outline: none;
	font-size: 0.9em;
	font-weight: bold;
}

/* Add a background color to the button if it is clicked on (add the .active class with JS), and when you move the mouse over it (hover) */
.fs-collapsible-active, .fs-collapsible:hover {
	background-color: #eee;
}

.fs-collapsible:before {
	content: '\002B';
	font-weight: bold;
	margin-right: 8px;
}

.fs-collapsible-active:before {
	content: "\2212";
}

/* Style the collapsible content. Note: hidden by default */
.fs-collapsible-content {
	padding: 0 18px;
	overflow: hidden;
	background-color: #fbfafa;
	transition: max-height 0.2s ease-out;
	border: 1px solid #f1efef;
}