/* 
    Created on : Sep 8, 2015, 8:31:22 AM
    Author     : oma
*/

@import url("/webui/faces/javax.faces.resource/css/icons.css");
@import url("/webui/faces/javax.faces.resource/css/fonts.css");
@import url("/webui/faces/javax.faces.resource/css/flagIcons.css");

@import url("/webui/faces/javax.faces.resource/css/pageSection.css");
@import url("/webui/faces/javax.faces.resource/css/horizontalMenu.css");
@import url("/webui/faces/javax.faces.resource/css/rradar.css");
@import url("/webui/faces/javax.faces.resource/css/dialog.css");

@import url("/webui/faces/javax.faces.resource/css/searchField.css");
@import url("/webui/faces/javax.faces.resource/css/tabMenu.css");
@import url("/webui/faces/javax.faces.resource/css/paginatorTable.css");
@import url("/webui/faces/javax.faces.resource/css/analyzerTreeTable.css");
@import url("/webui/faces/javax.faces.resource/css/commandLink.css");
@import url("/webui/faces/javax.faces.resource/css/dropDown.css");
@import url("/webui/faces/javax.faces.resource/css/button.css");
@import url("/webui/faces/javax.faces.resource/css/iconbutton.css");
@import url("/webui/faces/javax.faces.resource/css/pickList.css");

@import url("/webui/faces/javax.faces.resource/css/overlay.css");
@import url("/webui/faces/javax.faces.resource/css/dialogs.css");

@import url("/webui/faces/javax.faces.resource/css/common.css");
@import url("/webui/faces/javax.faces.resource/css/topHeader.css");
@import url("/webui/faces/javax.faces.resource/css/iconFonts.css");
@import url("/webui/faces/javax.faces.resource/css/messageDialogs.css");

/* ================================ layout ================================== */

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: Open Sans, sans-serif;
}

a {
   outline: 0;
   text-decoration: none;
}

a:focus,
a:hover,
.ui-widget-content .historyfavourites a:hover,
.ui-widget-content .historyfavourites a:focus,
.breadcrumb > ul > li > a:focus,
.breadcrumb > ul > li > a:hover,
.breadcrumb > ul > li .ui-menuitem-text:focus,
.breadcrumb > ul > li .ui-menuitem-text:hover {
    color: #53C0F8;
}

.ui-growl-item {
	outline: 1px solid transparent;
}

.ui-layout-pane {
    background: #ffffff;
    border: 0 none;
}

.menu-unit .content-unit {
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
    border: 0 none;
}

.menu-unit .ui-layout-unit-content {
    background: #323d43;
}

.content-unit .ui-layout-unit-content {
    margin: 15px 20px 20px 20px;
    background: #ffffff;
}

.content-panel {
    border: 0px none;
}

.ui-corner-all {
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    border-radius: 0px;
}

/* ================================ site logo =============================== */

.logo-div {
    text-align: center;
    height: 59px; /* somewhere a pixel got lost */
    border-bottom: #53656f 1px solid;
    margin: 10px 10px 0 10px;
    padding-top: 16px;
}

.logo-img {
    display: block;
    text-align: center;
    width: 100%;
    height: 30px;
}

.logo-text {
    font-family: OpenSans-Bold;
    font-size: 21px;
    height: 10px;
}

/* ================================ main navigation ========================= */

.main-navitem, 
.main-navitem-active{
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    
    -webkit-background-clip: padding-box; 
    -moz-background-clip: padding-box;
    background-clip: padding-box;
}

.main-navitem table{
    border-collapse: collapse;
    background: #323d43;
    border-left:  5px solid #323d43;
    border-right: 1px solid #323d43;
    border-top: 1px solid #323d43;
    border-bottom: 1px solid #323d43;

    cursor: pointer;
}

.main-navitem-active table{
    border-collapse: collapse;
    background: #151515;
    border-left: 5px solid  #53C0F8;
    border-right: 7px solid #53C0F8;
    border-top: 2px solid #53C0F8;
    border-bottom: 2px solid #53C0F8;
    cursor: pointer;
}

.main-navitem a:focus>table,
.main-navitem-active a:focus>table,
.main-navitem table:hover,
.main-navitem-active table:hover{
    border-left: 5px solid  #53C0F8;
}

.ui-datatable-scrollable-body::-webkit-scrollbar-thumb {
  background: #757575;
}

.main-navicon{
    width: 28px;
    height: 28px;
}

.main-navtext{
    width: 152px;
    height: 46px;
}

.menu-user {
    text-align: center;
    font-family: OpenSans-Regular;
    font-size: 14px;
    color: #ffffff;
}

.ui-clock {
    border: 0 none;
    background: #323d43;
    font-family: OpenSans-Regular;
    font-weight: normal;
    font-size: 14px;
    color: #ffffff;
    padding: 0px !important;
}

a.submenu-link,
a.submenu-link-aktive {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    
    -webkit-background-clip: padding-box; 
    -moz-background-clip: padding-box;
    background-clip: padding-box;
    
    border-style: solid;
    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-color : #23292c;
}

a.submenu-link {
    color: #ffffff;
    text-decoration: none;
}

a.submenu-link:focus,
a.submenu-link-aktive {
    color:  #53C0F8;
    text-decoration: underline;
}

/* ================================ common to do ============================ */

/*-------------Input----------------*/
.ui-input, .combobox, input[type=text] {
    font-family: OpenSans-Regular, sans-serif;
    font-size: 12px;
    color: #000;
    background: white;
    border: 1px solid #757575;
    padding: 4px 10px;
    margin-right: 10px;
    line-height: 1.5;
    -moz-appearance: none;
    -webkit-appearance: none;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
.ui-input, .combobox, input[type=text], input[type=password], .ui-selectonemenu {
	width: 210px;
	margin:0;
}

span.ui-spinner > input.ui-inputfield {
	padding-right: 30px;
}

input:focus,.combobox:focus {
    border: 1px solid  #0079b9;
    -moz-box-shadow: rgba(25, 170, 246, 0.4) 0px 0px 10px;
    -webkit-box-shadow: rgba(25, 170, 246, 0.4) 0px 0px 10px;
    box-shadow: rgba(25, 170, 246, 0.4) 0px 0px 10px;
}

input:hover,.combobox:hover {
    border: 1px solid  #0079b9;
}

/* changes on primefaces ui theme */
/* for dropdown */
.ui-selectonemenu-panel.ui-selectonemenu-list {
    padding: 0.4em 0;
}
select.combobox {
    -moz-appearance: menulist;
    -webkit-appearance: menulist;
}

.ui-state-highlight, .ui-widget-content .ui-state-highlight, 
.ui-widget-header .ui-state-highlight
{
	color: #0079b9;
}

.ui-selectonemenu-item.ui-state-hover,.ui-selectonemenu-item.ui-state-highlight
{
    color: #ffffff;
    background:  #0079b9;
}

/*for radio button */
.ui-radiobutton-box.ui-state-default.ui-state-hover,
.ui-radiobutton-box.ui-state-default.ui-state-focus{
    background:  #0079b9;
}

.ui-radiobutton-box.ui-state-default.ui-state-active {
    background:  #0079b9;
}

/* for auto complete drop down */
.ui-autocomplete-item.ui-autocomplete-list-item.ui-state-highlight {
    color:#ffffff;
    background:  #0079b9;
}

/*-------------Miscellaneous----------------*/
.noselect {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

/* ============================== navigation ================================ */

.siteContainer {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    overflow: hidden;
}

.siteWrapper {
    border-left: 200px solid #323d43;
    position: relative;
    height: 100%;
}

.siteSidebar {
    float: left;
    width: 200px;
    margin-left: -200px;
    position: relative;
    height: 100%;
}

.siteSidebar .ui-commandlink {
    color: #FFFFFF;
    text-decoration: none;
}

.sidebarItem {
    height: 30px;
    line-height: 30px !important;
    font-size: 14px;
    color: #FFFFFF;
    margin: 0 5px;
}

.siteSidebar .modeName {
    display: block;
    line-height: 12px;
    height: 9px;
}

.sidebarItem a:hover:before {
    color:  #0079b9;
}

.siteSidebar .sidebarOverlay .ui-commandlink {
    white-space: nowrap;
}

.siteSidebar .sidebarOverlay .ui-commandlink:hover {
    color: #94d7fb;
    text-decoration: underline;
}

.siteSidebar .sidebarOverlay .ui-commandlink:active {
    color: #033c59;
}

.siteSidebar .sidebarOverlay {
    background: #45545c;
    border: 1px solid #45545c;
    border-bottom: 1px solid  #0079b9;
    text-align: left;
    left: 10px !important;
    width: 178px;
}

.siteSidebar .sidebarOverlay .ui-overlaypanel-content {
    padding: 1em 1.5em;
}

.siteSidebar .sidebarOverlay:after {
    top: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(89, 89, 89, 0);
    border-top-color: #45545c;
    border-width: 12px;
}

.siteSidebar .sidebarOverlay.leftOverlay:after {
    margin-left: -25px;
}

.siteSidebar .sidebarOverlay.rightOverlay:after {
    margin-left: 1px;
}

/* to show dividers in siteLayout (in westLayout) */
.divider {
    border-bottom: 1px solid #53656f;
    width: 180px;
    display: block;
    margin: 10px auto;
    clear: both;
}

/* ================================ to do =================================== */

.ui-panelgrid > * > tr, .ui-panelgrid > * > tr > td.ui-panelgrid-cell {
    border: none;
    padding: 0px 0px;
}

.ui-button{
    border-radius: 2px;
    margin-right: 0;
}

input.largeInputField {
    font-family: "OpenSans-Regular", sans-serif;
    font-size: 14px;
    font-weight: normal;
    color: #595959;
}

.menubutton.ui-button {
    font-family: Icons;
    font-size: 16px;
    width: 30px;
    height: 25px;
    line-height: 24px;
    color: #ffffff;
    background:  #0079b9;
    outline: 1px solid transparent;
    bottom: 5px;
}
.menubutton.ui-button.j-state-focus,
.menubutton.ui-button.ui-state-focus,
.ui-button.ui-state-focus {
	box-shadow: 0 0 0 3px black;
}

/*// Overwriting primefaces line height of 16px for context menu*/
.ui-menu .ui-menuitem-link {
  line-height: 20px;
}

.menubutton.ui-button.j-state-highlight {
	background: #004392;
}
.menubutton.ui-button.j-state-active {
    background: #C9510D;
}
.menubutton-icomoon.ui-button {
    font-family: Icons;
    font-size: 16px;
    width: 30px;
    height: 25px;
    line-height: 25px;
    color: #ffffff;
    background:  #0079b9;
    border: 0 none;
}

.menubutton-icomoon.ui-button.ui-state-focus  {
    background: #004392;
}
div.socket-toggler.menubutton.ui-state-active {
	background: #C9510D;
}

div.socket-toggler.ui-state-active.icon-ActiveStateDot:after {
    content: "\e91a";
    margin-left: -16px;
    margin-top: -19px;
    position: absolute;
    font-size: 18px;
    color: #C9510D;
}

.menuitem-right {
    padding-left: 5px;
    width: 100%;
    text-align: right;
}

.overview-label {
    font-family: OpenSans-Regular;
    font-size: 14px;
    color: #6f6f6f;
    width: 100px;
    text-align: right;
    padding-right: 8px;
}

.overview-value {
    font-family: OpenSans-Regular;
    font-size: 14px;
    color: #000000;
}

.menu-iconbutton.ui-button {
    font-family: Icons;
    font-size: 16px;
    width: 30px;
    height: 30px;
    line-height: 25px;
    color: #ffffff;
    background: transparent;
    border: 1px solid transparent;
    outline: none;
    margin-top: -5px;
}

.menu-iconbutton.ui-button:focus button{
    border: 5px solid  #0079b9;
}

.menu-iconbutton.ui-button.ui-state-active,
.menu-iconbutton.ui-button.ui-state-focus {
    -moz-box-shadow: rgba(25, 170, 246, 0.4) 0px 0px 10px;
    -webkit-box-shadow: rgba(25, 170, 246, 0.4) 0px 0px 10px;
    box-shadow: rgba(25, 170, 246, 0.4) 0px 0px 10px;
    border: 1px solid  #0079b9;   
}

.menu-iconbutton.ui-button.ui-state-hover  {
    color:  #0079b9;
	cursor: pointer;
}

.credits {
    color: #ffda5a;
}

.credits:Before {
    font-family: Icons;
    color: #ffda5a;
    content: "\e61a";
    margin: 5px;
}
.ui-state-disabled, .ui-widget-content .ui-state-disabled,
.ui-widget-header .ui-state-disabled {
    color: #757575;
}

.ui-inputfield.ui-state-disabled {
    border: 1px solid #757575;
    color: #000000;
    background: #e3e3e3;
}
.ui-inputfield.ui-state-error {
    border: 1px solid #757575;
    background: #f5dcdc;
}
input.ui-inputfield.ui-state-disabled.ui-state-error {
    pointer-events: inherit;
}

.flag-img {
    width: 40px;
}

.error-tooltip {
	border: 1px solid #c94b4b;
	color: #c94b4b;
}

.no-content {
  font-size: 72px;
  color: #757575;
	width: 100%;
	display: block;
	text-align: center;
	margin-top: 60px;
	text-transform: uppercase;
}

.ui-button.load-content {
	font-size: 72px;
    color: #757575;
    width: 100%;
    text-align: center;
    margin-top: 40px;
    text-transform: uppercase;
    border: none;
    outline: none;
}

/*
  Styling for History/Favorite list on main menu
*/
.favorites > .ui-paginator {
	background: none;
	border: none;
}

.favorites > div.ui-paginator > span.ui-paginator-pages > a.ui-paginator-page{
  border: 2px solid #323d43;
  background: #323d43;
  color:  #53C0F8;
}

.favorites > div.ui-paginator > span.ui-paginator-pages > a.ui-paginator-page.ui-state-active{
  border-bottom: solid 1px  #53C0F8;
}

.favorites > div.ui-paginator > span.ui-paginator-pages > a.ui-paginator-page.ui-state-hover,
.favorites > div.ui-paginator > span.ui-paginator-pages > a.ui-paginator-page.ui-state-focus,
.favorites > div.ui-paginator > a.ui-paginator-prev.ui-state-hover,
.favorites > div.ui-paginator > a.ui-paginator-next.ui-state-hover,
.favorites > div.ui-paginator > a.ui-paginator-next.ui-state-focus,
.favorites > div.ui-paginator > a.ui-paginator-prev.ui-state-focus
{
   -moz-box-shadow: none;
   -webkit-box-shadow: none;
    box-shadow:  none;
    border: solid 2px  #0079b9 !important; 
}

.favorites > div.ui-paginator > a.ui-paginator-next,
.favorites > div.ui-paginator > a.ui-paginator-prev {
 background: #323d43;
 border: 2px solid #323d43;
}

.favorites > div.ui-paginator > a.ui-paginator-next > .ui-icon-seek-next,
.favorites > div.ui-paginator > a.ui-paginator-prev > .ui-icon-seek-prev{
  display: none;
}

.favorites > div.ui-paginator > a.ui-paginator-prev:before {
  font-family: 'Icons';
  content: "\e91c";
  vertical-align: text-bottom;
  color:  #53C0F8;
  background: #323d43;
}

.favorites > div.ui-paginator > a.ui-paginator-next:before {
  font-family: 'Icons';
  content: "\e91b";
  vertical-align: text-bottom;
  color:  #53C0F8;
  background: #323d43;
}

.favorites > div.ui-paginator > a.ui-paginator-first,
.favorites > div.ui-paginator > a.ui-paginator-last {
 display: none;
}

.hidepaginator > div.ui-paginator > a.ui-paginator-next,
.hidepaginator > div.ui-paginator > a.ui-paginator-prev{
  display: none;
}

.favorites .ui-link {
	text-decoration: none;
	color: #ffffff;
}

.favoritesContent {
    white-space: nowrap;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    width: 159px;
    float: left;
}
.favoritesContent::before{
  padding-right: 6px;
  padding-left: 5px;
}

.favorites .ui-link:focus,
.favorites .ui-link:hover{
	color: #53C0F8;
}

.datalistfavorites .ui-datalist-content{
    height: 170px;
}

.favorites .panelDelete .favoritesDelete {
  visibility: visible;
  color: #323d43;
}

.favorites .panelDelete:hover .favoritesDelete{
  color: #53C0F8;
}
.favorites .panelDelete .icon-Remove:focus {
  color: #53C0F8;
  text-decoration: none;
}

.ui-widget-content .historyfavourites a {
  color: #ffffff;
}

.historyfavourites .ui-tabs-nav .ui-state-active  a,
.historyfavourites .ui-state-active a:link,
.historyfavourites.ui-tabs .ui-tabs-nav li.ui-tabs-selected{
  color: #53C0F8;
  border-bottom: 2px solid #53C0F8;
}

div.historyfavourites div.datalistfavorites ul > li a:not(.favoritesDelete) {
  margin-left: 5px;
}

div.historyfavourites div.datalistfavorites ul > li a:not(.favoritesDelete):focus {
  border-left: 5px solid #53C0F8;
  margin-left: 0;
}

div.historyfavourites div.datalistfavorites ul > li a.favoritesDelete:focus {
	padding-left: 1px;
  border: 1px solid #53C0F8;
}

.absolute-layout {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	overflow: auto;
	margin: 75px 0 50px 0;
	padding: 0 10px 0 20px;
}

.content-panel-rr.ui-panel{
    padding: 0;
    margin: 0;
}

.right {
	text-align: right;
}

.ui-autocomplete-panel.ui-shadow {
	box-shadow: 0px 5px 10px #888888;
}

/* Shows ellipsis to text if text exceeds specified width */
.textEllipsis {
	white-space: nowrap;
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
}

.table-menu-panel {
  float: right;
  margin-top: -40px;
}
.table-menu-panel > button {
	padding: 0;
}

span.table-menu-panel > div.timing-checkbox-label >  span.ui-chkbox-label{
  padding-top: 3px
}

.socket-toggler .ui-button-text{
  display: none;
}

.column-toggler > div {
	display: inline;
}

.tech_checkbox .ui-selectmanycheckbox.ui-widget td{
	padding-right: 10px;
}

.tech_checkbox .ui-selectmanycheckbox.ui-widget td .ui-chkbox-box.ui-state-default {
	margin-bottom: 4px;
}

.top {
	vertical-align: top;
}

.select2-autocomplete.select2-container {
	width: 210px;
}
.select2-autocomplete.select2-container .select2-choice,
.select2-autocomplete.select2-container .select2-choices {
	border-radius: 0;
	background-image: none;
	height: 26px;
}
.select2-autocomplete.select2-container .select2-choice .select2-arrow {
	border-radius: 0;
	background: #f2f2f2;
	width: 2.4em;
}
.select2-autocomplete.select2-container .select2-choice .select2-arrow:after {
    font-family: 'Icons';
    font-size: 10px;
    color: #3d3d3d;
    content: "\e61c";
    display: block;
    text-align: center;
}
.select2-autocomplete.select2-container .select2-choice .select2-arrow > b {
	display: none;
}

div.ajax-status {
    width: 32px;
    height: 32px;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 9999;
    background-image: url("/webui/faces/javax.faces.resource/ajaxStatus.gif?ln=images");
    background-size: 32px 32px;
}
.j-busy,
button.ui-button.ui-widget.j-busy {
	background-image: url("/webui/faces/javax.faces.resource/ajaxStatus.gif?ln=images");
	background-size: 32px 32px;
	background-repeat: no-repeat;
	background-position-x: center;
	background-position-y: center;
	filter: contrast(0.5);
	cursor: progress;
	pointer-events: none;
}

/* #9772 defect fix*/
.ui-timepicker-div .ui_tpicker_time .ui_tpicker_time_input{
    text-align: center;
    padding: 0px;
}

.ui-timepicker-div .ui_tpicker_time_label{
    margin-top: 1px;
}
.ui-timepicker-div .ui_tpicker_minute_slider,
.ui-timepicker-div .ui_tpicker_hour_slider {
  margin-top: 12px;
}
.anychart-theme-wines{
  background: url("/webui/faces/javax.faces.resource/brickwall.png?ln=images") !important;
}

.menu-dropDown {
  top: 71px !important;
}

.label {
	font-weight: bold;
}
.width100 {
	width: 100px;
}
.width150 {
	width: 150px;
}
.width200 {
	width: 200px;
}
.width250 {
	width: 250px;
}
.auto {
	width: auto;
}
.break {
    word-break: break-all;
}

.ui-menu .ui-menu-list .ui-menuitem .ui-menuitem-link.ui-state-hover,
.ui-menu .ui-menu-list .ui-menuitem.ui-state-hover > .ui-menuitem-link {
	color: #ffffff;
	background: #0079b9;
	width: 100%;
}

a.auto-info-icon {
	display: none;
}

a.desc-info-icon {
	display: none;
}

table.site-panel-grid {
    width: 100%;
    table-layout: fixed;
    border-collapse: collapse;
    margin-top: 20px;
}
table.site-panel-grid > tbody > tr > td {
	vertical-align: top;
}
.ui-panel {
    border: none;
}
.ui-panel > .ui-panel-titlebar {
    border: none;
    border-bottom: 1px solid #757575;
    height: 34px;
    font-size: 15px;
}
.ui-panel > .ui-panel-titlebar a {
    text-decoration: none;
    color:  #0079b9;
    margin-left: 20px;
    font-size: 15px;
}
.ui-panel > .ui-panel-content .title,
.ui-panel > .ui-panel-titlebar .title{
	width: 50%;
}
.ui-panel > .ui-panel-content .content,
.ui-panel > .ui-panel-titlebar .content{
	width: 50%;
}
.detail-tabs {
	margin-top: 50px;
	margin-right: 10px;
}

span.menu-icon-font {
	vertical-align: top;
	display: inline-block;
}
span.menu-icon-font > div {
	position: absolute;
	left: 0;
	font-family: Icons;
	font-size: 25px;
	line-height: 16px;
	margin-left: 12px;
	color: white;
}
span.menu-icon-font > div:nth-child(2) {
/* 	changed to meet the contrast ratio #13418 */
	color: #53C0F8;
}
.anychart-menu .anychart-menuitem{
  white-space: normal!important;
}

.audio-player:focus {
    color: black;
}

.icon-Blink::before {
    -webkit-animation-name: blink-steps;
    -webkit-animation-duration: 2s;
    animation-name: blink-steps;
    animation-duration: 2s;
    animation-iteration-count: infinite;
}

@-webkit-keyframes blink-steps {
    0%   {opacity: 1;}
    50%  {opacity: 0;}
}

@keyframes blink-steps {
    0%   {opacity: 1;}
    50%  {opacity: 0;}
}

.no-style-messages .ui-messages-error {
	background: none;
	border: none;
	color: red;
	padding: 0;
	margin: 0;
}

.no-style-messages .ui-messages-error .ui-messages-error-summary {
	font-weight: normal;
	margin-left: 0;
}

.usage-table-menu-panel {
	margin-top:50px;
}
.menubutton.ui-button.j-state-focus,
.menubutton.ui-button.ui-state-focus,
.ui-button.ui-state-focus {
  filter: contrast(175%);
}

div.ui-growl div.ui-growl-item-container {
	opacity: 1;
	border: none;
}
div.ui-growl > div.ui-growl-type-login > div.ui-growl-item > span.ui-growl-image {
	background: none;
}
div.ui-growl > div.ui-growl-type-login > div.ui-growl-item > span.ui-growl-image:before {
	content: "\e63c";
	font-family: Icons;
	font-size: 20px;
	margin: 7px;
}
div.ui-growl > div.ui-growl-type-login > div.ui-growl-message {
	color: #323d43;
	white-space: pre-wrap;
}
div.ui-growl > div.ui-growl-item-container > div.ui-growl-item > div.ui-growl-message > span.ui-growl-title, p {
	word-break: break-word;
}

.ui-fileupload-choose {
	display: none;
}
.ui-fileupload-buttonbar {
	border: none;
}

input.j-mark,
textarea.j-mark,
.ui-inputfield.j-mark {
	background: yellow;
}

span.j-systemsupport-toggle[enabled]:after {
	content: "\1F621";
	vertical-align: top;
	font-size: 16px;
	margin-left: 5px;
}

span.j-async > a.j-async-reload,
span.report-element-controls > a.j-async-reload {
	float: right;
	padding: 0px 2px;
    text-decoration: none;
    background-color: #0079b9;
    color: white;
    border-radius: 2px;
    box-shadow: 0 0 3px 3px white;
	z-index: 1;
    cursor: pointer;
}

span.j-async > a.j-async-reload {
	margin-top: 3px;
}

span.report-element-controls > a.j-async-reload {
	margin-left: 6px;
}
span.j-async > a.j-async-reload:focus,
span.report-element-controls > a.j-async-reload:focus{
	border: 2px solid black;
}