@charset "utf-8";

/* Primefaces COMPONENTS - custom changes
============================================================================ */

:focus {
	outline: none;
}

div.ui-datatable-tablewrapper{
	overflow: visible;
}

.ui-tree .ui-tree-container {
    margin: 0px;
    padding: 0px 0px 2px 0px;
    white-space: nowrap;
    border: 3px solid #f7f7f7;
    overflow: auto;
}

.ui-selectonemenu .ui-selectonemenu-trigger .ui-icon {
    margin-top: 5px;
}

.ui-selectonemenu-panel .ui-selectonemenu-filter-container > input.ui-selectonemenu-filter {
	width: calc(100% - 45px);
}
.ui-selectonemenu-panel .ui-selectonemenu-filter-container span.ui-icon-search {
	right: 12px;
}

.ui-widget-content {
    color:#4f4f4f;
    border-radius: 5px;
}

.ui-button-text-icon-left .ui-button-text {
    padding: .3em 1em;
	line-height: inherit;
}
.ui-button-text-only .ui-button-text {
    padding: .3em 1em;
    line-height: inherit;
}

/* This is hiding the old PF icons from the buttons (Designer) - better remove it from buttons. E.g. <p:commandButton icon="ui-icon-arrow-1-e" ...> */
.ui-button-text-icon-left .ui-icon, .ui-button-text-icon-right .ui-icon {
    position: absolute;
    background: none;
    top: 50%;
    margin-top: -8px;
}

.ui-tree .ui-treenode {
    background-attachment: scroll;
    background-color: #f7f7f7;
    background-image: none;
    background-position: 0 0;
    background-repeat: repeat-y;
    list-style: none outside none;
    margin: 0;
    padding: 2px 3px 0;
}

.ui-tree span.ui-treenode-leaf-icon {
	height: 0px;
}

.ui-widget-content {
    color:#4f4f4f;
    border-radius: 5px;
}

.ui-tree {
    width: 300px;
    position: relative;
}


.ui-widget-content {
    border:0;
    background:#ffffff;
    color:#4f4f4f;
}

th.ui-state-default, .ui-widget-content th.ui-state-default, .ui-widget-header th.ui-state-default {
    border-left: 1px solid white;
    border-right: 1px solid white;
    border-bottom: 1px solid #677b8f;
    border-top: 1px solid white;
    background: none;
    background-color: #ffffff;
    color: #2e4d5d;
    font-weight: bold;
    font-size: 11px;
}

.ui-widget-header {
    background:white;
    color: #4f4f4f;
    font-weight: bold;
}

.ui-panelgrid .ui-panelgrid-cell {
     border: 1px solid #f3f3f3;
}

.ui-widget-header {
	border:none;
	font-weight: bold;
}

.ui-panelgrid .ui-panelgrid-cell.bgdrag {
	border: 1px solid #677b8f;
}

.bgdrag{
	background:#677b8f;
	padding: 5px !important;
}

.ui-tree .ui-treenode-label {
    display: inline-block;
    margin: 2px 0 0 0;
    vertical-align: top;
    padding: 1px 3px;
    border-radius: 2px;
}

.ui-tree .ui-treenode-label:hover {
	color:#e6a446;
	background:white;
}

.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
    background: #8c97a6;
    color: #ffffff;
}

table > thead.ui-datatable-scrollable-theadclone > tr > th.ui-state-default {
	border: none;
}

#businessCaseRestoreForm\3A restoreDialog > div,
#dbConnectionRestoreForm\3A restoreDialog > div,
#emailConnectionRestoreForm\3A restoreDialog > div,
#portalEntryRestoreForm\3A restoreDialog > div {
	overflow: hidden;
}

#dbConnectionRestoreForm\3A restoreDialog table {
	table-layout: fixed;
}

#dbConnectionRestoreForm\3A backupItemList table td {
	padding: 4px 6px;
}

/*Portal import dialog*/
#portalEntryRestoreForm\3A restoreDialog .ui-tree .ui-tree-container {
	padding: 0;
}
#portalEntryRestoreForm\3A backupItemTree .ui-treenode-label.ui-state-highlight {
    background: transparent;
    font-weight: bold;
    color: #4f4f4f;
}
#portalEntryRestoreForm\3A backupItemTree .ui-treenode-label.ui-state-hover {
    background: transparent;
    font-weight: bold;
    color: #e6a446;
}
#portalEntryRestoreForm\3A backupItemTree .ui-chkbox-icon {
	color: #000000;
}
.importTreeWrapper {
	overflow: auto;
	height: 315px;
}

.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
    border: none;
    background-color: #677B8F;
}

.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 {
    background: #4c5a69;
}
  
.ui-icon-plusthick:hover {
    background-color:white;
}

.redBtn.ui-button.ui-state-default.redBtnCustom {
    border:none !important;
}

.greenBtn.ui-button.ui-state-default.greenBtnCustom {
    border:none !important;
}

.greyBtn.ui-button.ui-state-default.greyBtnCustom {
    border:none !important;
}

.greyBtn.ui-button.greyBtnCustom span.ui-button-text {
    font-family: 'Arial';
    font-size: 10px;
    line-height: 24px;
    font-weight: bold;
    font-style: normal;
    color: #E9EDF2;
}

.fa{
    color: white;
    font-size: 14px;
    line-height: 32px;
    float: left;
}

.fa.fasa{
	line-height: inherit;
}

/*Wrongly vertically centered FontAwesome icon(X) quick-fix.*/
.fa.fa-times {
    top: -1px;
    position: relative;
}

.ui-inputtextarea{
	border: 1px solid #e6e6e6;
	resize: none;
}

.ui-dialog .ui-dialog-footer {
    padding: 0 12px 0 8px;
    border-width: 1px 0 0 0;
    text-align: left;
	margin-top: 10px;
}

.ui-state-highlight a, .ui-widget-content .ui-state-highlight a, .ui-widget-header .ui-state-highlight a {
    color: #ffffff;
}

.ui-widget-overlay {
    background:#4a4a4a;
    opacity: .8;
    filter: Alpha(Opacity=80);
}

.ui-dialog .ui-dialog-titlebar {
    padding: .4em .4em .4em 1em;
    position: relative;
    background: #2e4d5d;
    border: 0px;
    color: white;
}

.ui-tabs.ui-tabs-top > .ui-tabs-nav {
    padding:0;
}

div.ui-toolbar.ui-widget.ui-widget-header {
	background-color: transparent;
}

.dragndrophead{
	background: #677b8f; color: white;
}

.ui-menu.ui-menu-dynamic {
    position: absolute;
    display: none;
    padding: 5px;
    z-index: 100000;
}

.rightgap{
	margin-right:10px !important;	
}
.leftgap{
	margin-left:25px !important;	
}
.outliner{
	font-size:26px;
}

.homechange{
	line-height:28px !important;	
    margin: 0 15px;
    float: none;
}

.commonit{
	width:50px !important;	
	height:30px !important;
}

.loginLogo img{
    border: 0px;
    margin: auto;
    display: block;
}

.loginHeaderText{
	color:white;
    font-weight: bold;
}

.loginButton{
    padding: 4px 16px;
    border-radius: 2px;
    border: none ! important;
	outline:none;
	margin: 0 5px;
	min-width: 100px;
	min-height: 28px;
}

.loginButton .ui-button-text {
	padding: 0;
}

.odtop{
	margin-bottom:150px;
}

table.portalEntriesList tr.ui-state-highlight i {
   color:white;
}

.reducer{
    padding: 0px !important;
}

.reducer span {
    padding: 0 8px !important;
}

.reducerFeature{
    padding: 0px 10px !important;
}

.logininput {
    background: white !important;
    margin-left: 5px;
    margin-right: 5px;
    border: none !important;
    width: 250px !important;
}

.loginIcons{
	color: white;
    font-size: 14px;
	line-height:15px;
    float: left;
    padding-right: 10px;
}

.switcher{
	width: 90px;
    border: none;
    padding: 0;
    border: 1px solid #ffffff;
    margin: 0;
    height: 25px;
	float: left;
    border-radius: 2px;
    background:  #ffffff;
}

.bcFooter .ui-toolbar-group-left{
    width: auto;
}

.switchleft{
	margin-left: 13px;
	color:#ffffff;
	line-height: 26px;
	font-size: 20px;
}

.switchright{    
    margin-right: 12px;
    float: right;
    line-height: 26px;
    font-size: 20px;
    color: white;
}

.leftSwitchbox{
	width: 45px;
    background:#2e4d5d;
	float: left;
    height: 25px;
	border-radius: 2px;
}

.rightSwitchbox{
    width: 45px;
    background: #2e4d5d;
    height: 25px;
	border-radius: 2px;
	float: left;
    float: right;
}

.offleftSwitchbox{
	width: 45px;
	float: left;
    background:#ffffff;
    height: 25px;
	border-radius: 2px;
}

.offleftSwitchbox i{
	color: #2e4d5d;
}
.offrightSwitchbox i{
	color: #2e4d5d;
}

.offrightSwitchbox{
    width: 45px;
    background: #ffffff;
    height: 25px;
	border-radius: 2px;
    float: right;
}

.loginFormSection{
	background: rgba(51, 51, 51, 0.32);
	margin: 0 auto;
	padding: 20px;
	box-sizing: border-box;
}

/*DataTable Paginator*/
body .ui-paginator {
	background-color:#fff;
	padding:0;
}
body .ui-paginator .ui-paginator-first,
body .ui-paginator .ui-paginator-prev,
body .ui-paginator .ui-paginator-next,
body .ui-paginator .ui-paginator-last {
	color:#737373;
	width:28px;
	height:32px;
	margin:0;
	border:0 none;
	vertical-align:top;
	padding:0;
	-moz-border-radius:0;
	-webkit-border-radius:0;
	border-radius:0;
}
body .ui-paginator .ui-paginator-first span,
body .ui-paginator .ui-paginator-prev span,
body .ui-paginator .ui-paginator-next span,
body .ui-paginator .ui-paginator-last span {
	display:none;
}
body .ui-paginator .ui-paginator-first.ui-state-hover,
body .ui-paginator .ui-paginator-prev.ui-state-hover,
body .ui-paginator .ui-paginator-next.ui-state-hover,
body .ui-paginator .ui-paginator-last.ui-state-hover {
	background-color:#eaeaea;
	color:#333;
}
body .ui-paginator .ui-paginator-first:before,
body .ui-paginator .ui-paginator-prev:before,
body .ui-paginator .ui-paginator-next:before,
body .ui-paginator .ui-paginator-last:before {
	position:relative;
	line-height:inherit;
}
body .ui-paginator .ui-paginator-first {
	font-family:'primeicons';
	font-style:normal;
	font-weight:normal;
	font-variant:normal;
	text-transform:none;
	line-height:1;
	display:inline-block;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
	text-indent:0 !important;
	text-align:center;
	background:0;
	display:inline-block;
	font-size:14px;
	line-height:32px;
}
body .ui-paginator .ui-paginator-first:before {
	content:"";
}
body .ui-paginator .ui-paginator-first:before {
	font-size:14px;
	position:relative;
}
body .ui-paginator .ui-paginator-prev {
	font-family:'primeicons';
	font-style:normal;
	font-weight:normal;
	font-variant:normal;
	text-transform:none;
	line-height:1;
	display:inline-block;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
	text-indent:0 !important;
	text-align:center;
	background:0;
	display:inline-block;
	font-size:14px;
	line-height:32px;
}
body .ui-paginator .ui-paginator-prev:before {
	content:"";
}
body .ui-paginator .ui-paginator-prev:before {
	font-size:14px;
	position:relative;
}
body .ui-paginator .ui-paginator-next {
	font-family:'primeicons';
	font-style:normal;
	font-weight:normal;
	font-variant:normal;
	text-transform:none;
	line-height:1;
	display:inline-block;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
	text-indent:0 !important;
	text-align:center;
	background:0;
	display:inline-block;
	font-size:14px;
	line-height:32px;
}
body .ui-paginator .ui-paginator-next:before {
	content:"";
}
body .ui-paginator .ui-paginator-next:before {
	font-size:14px;
	position:relative;
}
body .ui-paginator .ui-paginator-last {
	font-family:'primeicons';
	font-style:normal;
	font-weight:normal;
	font-variant:normal;
	text-transform:none;
	line-height:1;
	display:inline-block;
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
	text-indent:0 !important;
	text-align:center;
	background:0;
	display:inline-block;
	font-size:14px;
	line-height:32px;
}
body .ui-paginator .ui-paginator-last:before {
	content:"";
}
body .ui-paginator .ui-paginator-last:before {
	font-size:14px;
	position:relative;
}
body .ui-paginator .ui-paginator-current {
	color:#737373;
}
body .ui-paginator .ui-paginator-pages {
	padding:0;
	vertical-align:top;
	display:inline-block;
}
body .ui-paginator .ui-paginator-pages .ui-paginator-page {
	padding:0 2px;
	border:0 none;
	text-align:center;
	line-height:32px;
	min-width:28px;
	height:32px;
	color:#737373;
	margin:0;
	-moz-border-radius:0;
	-webkit-border-radius:0;
	border-radius:0;
}
body .ui-paginator .ui-paginator-pages .ui-paginator-page.ui-state-default {
	background-color:#fff;
	color:#737373;
	border: 1px solid #e6e6e6;
}
body .ui-paginator .ui-paginator-pages .ui-paginator-page.ui-state-active {
	background-color:#677B8F;
	color:#fff;
}
body .ui-paginator .ui-paginator-pages .ui-paginator-page.ui-state-hover {
	background-color:#eaeaea;
	color:#333;
}
body .ui-paginator .ui-paginator-current,
body .ui-paginator .ui-paginator-rpp-options {
	font-size:12px;
	line-height:28px;
	padding:2px;
	margin-left: 2px;
	display:inline-block;
	vertical-align:middle;
}

body .ui-paginator .ui-paginator-rpp-options {
	background-color: #fff;
	color: #737373;
	border: 1px solid #e6e6e6;
}

body .ui-paginator .ui-paginator-rpp-options {
	background-color: #fff;
	color: #737373;
	border: 1px solid #e6e6e6;
}

body .ui-paginator .ui-paginator-rpp-label {
	margin-left: 10px;
	font-size: 12px;
	line-height: 28px;
	padding: 2px;
	display: inline-block;
	vertical-align: middle;
	color: #737373;
	text-decoration: none;
	background-image: none;
	outline: 0;
}

.ui-datepicker-calendar a.ui-state-default {
	background-color: #EEE;	
	color: #4C5A69;
}
/* selected day */
.ui-datepicker-calendar a.ui-state-default.ui-state-active{
    color: #FFFFFF;
    background-color: #677B8F;
}

.ui-selectmanymenu {
	border-radius: 0;
}
.ui-selectmanymenu .ui-chkbox {
	margin: 4px 5px 0 4px;
}

body .ui-toggleswitch {
	width:3em;
	height:1.75em;
}
body .ui-toggleswitch .ui-toggleswitch-slider {
	background:#CCC;
	border-radius:30px;
	-moz-transition:background-color .3s;
	-o-transition:background-color .3s;
	-webkit-transition:background-color .3s;
	transition:background-color .3s;
}
body .ui-toggleswitch .ui-toggleswitch-slider:before {
	background-color:#FFFFFF;
	height:1.250em;
	width:1.250em;
	left:.25em;
	bottom:.25em;
	border-radius:50%;
	-webkit-transition:.3s;
	transition:.3s;
}
body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider:before {
	-webkit-transform:translateX(1.25em);
	-ms-transform:translateX(1.25em);
	transform:translateX(1.25em);
}
body .ui-toggleswitch.ui-toggleswitch-focus .ui-toggleswitch-slider {
	background:#b7b7b7;
}
body .ui-toggleswitch:not(.ui-state-disabled):hover .ui-toggleswitch-slider {
	background-color:#b7b7b7;
}
body .ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider {
	background-color:#677B8F;
}
body .ui-toggleswitch.ui-toggleswitch-checked:not(.ui-state-disabled):hover .ui-toggleswitch-slider {
	background-color:#4C5A69;
}
body .ui-toggleswitch.ui-toggleswitch-checked.ui-toggleswitch-focus .ui-toggleswitch-slider {
	background:#4C5A69;
}


div.dmSwitch.dmSwitchInline {
	position: relative;
	top: 3px;
}
div.dmSwitch.ui-toggleswitch {
	width: 33px;
	height: 18px;
	margin-left: 2px;
}
div.dmSwitch.ui-toggleswitch .ui-toggleswitch-slider:before {
	width: 12px;
    height: 12px;
}

div.dmSwitchSmall.ui-toggleswitch {
	width: 25px;
	height: 14px;
	margin: 4px 4px 2px 2px;
}
div.dmSwitchSmall.ui-toggleswitch .ui-toggleswitch-slider:before {
	width: 12px;
	height: 12px;
	left: 1px;
	bottom: 1px;
}
div.dmSwitchSmall.ui-toggleswitch .ui-toggleswitch-slider {
	margin-right: -2px;
	width: 27px;
}
div.dmSwitchSmall.ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider:before {
	-webkit-transform:translateX(13px);
	-ms-transform:translateX(13px);
	transform:translateX(13px);
}

.dmSwitch.ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider,
.dmSwitchSmall.ui-toggleswitch.ui-toggleswitch-checked .ui-toggleswitch-slider {
	background-color: var(--dmSwitchColorVar, #95B3D7);
}
.dmSwitch.ui-toggleswitch.ui-toggleswitch-checked:not(.ui-state-disabled):hover .ui-toggleswitch-slider,
.dmSwitchSmall.ui-toggleswitch.ui-toggleswitch-checked:not(.ui-state-disabled):hover .ui-toggleswitch-slider {
	background-color: var(--dmSwitchColorVar, #95B3D7);
}
.dmSwitch.ui-toggleswitch.ui-toggleswitch-checked.ui-toggleswitch-focus .ui-toggleswitch-slider,
.dmSwitchSmall.ui-toggleswitch.ui-toggleswitch-checked.ui-toggleswitch-focus .ui-toggleswitch-slider {
	background: var(--dmSwitchColorVar, #95B3D7);
}

div.dmSwitch.ui-toggleswitch.forLabel {
    margin-top: 3px;
}

.dmSwitchGroupLabel {
	display: inline-block;
    margin: 3px;
}


/* Primefaces COMPONENTS - custom changes END
============================================================================ */

.nowrap {
	white-space: nowrap;
}

.ui-tabs-left:after, .ui-tabs-right:after {
	content: none;
}

.ui-tabs {
	padding:0px;
}

.ui-dialog{
	position: absolute;
}

.ui-toolbar {
    padding: 0;
}
 
.ui-selectonemenu label.ui-selectonemenu-label{
	width:auto;
	border: 1px solid #e6e6e6;
} 
 
.ui-accordion .ui-accordion-content {
    background: #ffffff;
    border: none;
    color: #4f4f4f;
    border-radius: 0px;
}

.ui-accordion-header.ui-state-default{
    background: #fafafa;
    color: #4f4f4f;
}

.ui-toolbar-group-left , .ui-toolbar-group-right {
    padding: 2px;
}
.ui-toolbar-group-left {
    float: left;
    width: 550px;
}

div#clientForm\:concurrentModificationDialog div.ui-toolbar-group-left {
	width:240px;
}

div.topToolbar > div.ui-toolbar-group-left {
	width: auto;
}

.ui-tabs-nav{
	background-color:white;
	border:none;
	padding-left: 0px;
	padding-right: 0px;	
}

.ui-tabs-panels{
	border:none;
	background-color:white;		
}

.ui-tabs-top > .ui-tabs-panels{
	border-left: none;
	border-right: none;
	border-bottom: none;
}

.ui-tabs .ui-tabs-panel{
	padding: 15px;
}

.ui-widget .ui-button{
	font-size: 1em;
}

.ui-datatable table {
	table-layout: auto;
}

.ui-datatable thead th{
	text-align: left;
	padding: 4px 10px 6px 10px;
}

div.ui-datatable tbody td{
	border-color: #ffffff;
}

.ui-datatable .ui-sortable-column-icon {
    left: auto;
    right: 0;
}

.ui-datatable-data td{
	vertical-align: middle;
}

.ui-datatable-odd,
table.advanceAuditingGrid .ui-panelgrid-odd {
	background-color: #fafafa;
}

table.advanceAuditingGrid td.ui-panelgrid-cell {
 	border-color: #ffffff;
    border-bottom: 1px solid #f3f3f3;
    border-top: 1px solid #f3f3f3;
}

div.ui-treetable{
	border-top: 1px solid #dfdfdf;
}
div.ui-treetable tbody td{
	border-color: #dfdfdf;	
}
div.ui-treetable th.ui-state-default{
	border-bottom: 1px solid #c5c6c7;
}

div.ui-menu {
    width: auto !important;
    padding-left: 0;
    padding-right: 0;
}
div.ui-menu ul{
	margin-right: 0.3em;
	margin-left: 0.3em;
	display: inline-block;
}
div.ui-menu a.ui-menuitem-link {
	white-space: nowrap;
    width: 100%;
    padding: 3px 3px 3px 0px;
    box-sizing: border-box;
}
.ui-datatable .ui-datatable-data tr.ui-state-hover{
	border:1px solid #c5c6c7; 
	background:#f2f2f2; 
	color:#4f4f4f;
}

.ui-button-icon-only{
	width:  2.0em;
	height: 2.0em;
	outline:none;
}

/** CHECKBOX **/

.ui-chkbox .ui-chkbox-box {
	background: none;
	background-color: #fdfdfd;
	border: 1px solid #c5c6c7;
	overflow: hidden;
}

body:not(.dmPage) .ui-state-active .ui-chkbox-icon{
	background-image: url("/demo/javax.faces.resource/css/images/ui-icons_brown_256x240.png?ln=default");
}

body:not(.dmPage)  .ui-chkbox.ui-widget {
	margin: 0px;
}

body.dmPage .ui-chkbox-box.ui-state-default .ui-chkbox-icon {
    width: 14px;
    height: 14px;
    display: inline-block;
	overflow: hidden;
	text-align: center;
}
body.dmPage .ui-chkbox .ui-chkbox-box {
	text-align: center;
}
body.dmPage .ui-chkbox .ui-chkbox-box.ui-state-active {
    border-color: var(--dmSwitchColorVar, #95B3D7);
    background-color: var(--dmSwitchColorVar, #95B3D7);
    color: #ffffff;
}
body.dmPage .ui-chkbox .ui-chkbox-box .ui-chkbox-icon.ui-icon-check {
	background-image: none;
	margin: 1px 0px 0px 1px;
	text-indent: 0px;
}
body.dmPage .ui-chkbox .ui-chkbox-box .ui-chkbox-icon.ui-icon-check:before {
    content: "";
	font-family: 'primeicons';
	font-size: 11px;
}



/* select many menu with checkboxes */
body.dmPage div.ui-selectmanymenu.dmManyManuCheckboxes ul > li.ui-selectlistbox-item {
	margin: 1px;
}
body.dmPage div.ui-selectmanymenu.dmManyManuCheckboxes ul > li > div.ui-chkbox.ui-widget {
	margin: 2px 5px 0px 2px;
}
body.dmPage div.ui-selectmanymenu.dmManyManuCheckboxes ul > li > div.ui-chkbox.ui-widget > div.ui-chkbox-box {
    width: 14px;
    height: 14px;
}
body.dmPage div.ui-selectmanymenu.dmManyManuCheckboxes ul > li > div.ui-chkbox.ui-widget > div.ui-chkbox-box > .ui-icon-check {
    margin: 1px 0px 0px 0px;
}


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

.ui-selection-column .ui-chkbox.ui-widget,
.ui-chkbox.ui-widget.widgetPropertyCheckbox {
    height: 18px;
    display: block;
}


/** RADIO BUTTON LIKE CHECKBOX **/
.customRadio,
.customRadioMedium,
.customRadioSmall {
	margin-bottom: 0px;
}
.customRadio div.ui-radiobutton-box,
.customRadioMedium div.ui-radiobutton-box,
.customRadioSmall div.ui-radiobutton-box {
	background-color: #fff;
	border: 1px solid var(--dmSwitchColorVar, #95B3D7);
	display: inline-block;
	overflow: visible;
}
.customRadio div.ui-state-active span.ui-radiobutton-icon,
.customRadioMedium div.ui-state-active span.ui-radiobutton-icon,
.customRadioSmall div.ui-state-active span.ui-radiobutton-icon {
	background-color: var(--dmSwitchColorVar, #95B3D7);
	background-image: none;
	border-radius: 50%; 
	display: inline-block;
	margin: 3px;
}
.customRadio div.ui-state-active span.ui-radiobutton-icon {
	width: 10px;
	height: 10px;
}
.customRadio.ui-selectoneradio td > label {
	margin: 0px 15px 1px 8px;
}


.customRadioMedium div.ui-radiobutton > div.ui-radiobutton-box {
	width: 14px;
    height: 14px;
    line-height: 14px;
    margin-top: 1px;
}
.customRadioMedium div.ui-radiobutton > div.ui-radiobutton-box > span.ui-radiobutton-icon {
	width: 8px;
	height: 8px;
	margin: 3px;
}
.customRadioMedium.ui-selectoneradio label {
	margin: 0px 6px;
}


.customRadioSmall div.ui-radiobutton {
	padding-top: 2px;
}

.customRadioSmall div.ui-radiobutton > div.ui-radiobutton-box {
	width: 12px;
    height: 12px;
    line-height: 12px;
    margin-top: 1px;
}
.customRadioSmall div.ui-radiobutton > div.ui-radiobutton-box > span.ui-radiobutton-icon {
	width: 6px;
	height: 6px;
	margin: 3px;
}
.customRadioSmall.ui-selectoneradio label {
	margin: 0px 0px 0px 4px;
    font-size: 11px;
}


.ui-widget-content .ui-inputfield,
.ui-widget-header .ui-inputfield,
.ui-inputfield{
	background:none;
	background-color:#ffffff;
	color:#4f4f4f;
	border:1px solid #dedede;
}

.ui-inputtext{
	width: 300px;
}

.ui-menubutton.toolbarMenuBtn{
	margin-left:2px; 
	margin-right:0.1em;
}

.ui-button.ui-state-active { 
	outline:none; 
    background: none; 
    background-color: #2fab6d;
    color: #677b8f;
    box-shadow: none;
}

div.tableHead, div.tableHeadWithButtons{
	border-top-left-radius: 2px;
	border-top-right-radius: 2px;
	border-bottom: none;font-size: 14px;
	font-weight: bold;
	color: #ffffff;
	background: #2e4d5d	;
}

div.tableHead{
	padding: 8px 14px 7px 14px;
}

div.tableHeadWithButtons .tableHeadLabel{
	padding: 8px 14px 7px 14px;
	display: inline-block; 
}
div.tableHeadWithButtons .tableHeadButtons{
	float:right;
	padding: 2px 5px;
	display: inline-block; 
}

div.tableHeadInvisible {
	background: transparent;
	border: none;
	height: 32px;
}

table thead th.tableSelectionColumn{
	padding: 2px 7px 0px 7px;
}
table tbody td.tableSelectionColumn{
	padding: 3px 7px 0px 7px;
}

div.tableWithNoHeader {
	border-top:0px;
}
div.tableWithNoHeader thead{
	display:none;
}

.inputSearcher{
	background:transparent !important;
	border:none !important;
	border-bottom: 2px solid #4f4f4f !important;
	width: 100px;
	font-weight: bold !important;
}

a.ui-commandlink > i.fa.fa-search{
	color:#4f4f4f;
}

/* simple&advanced auditing setting in designer - table header */
.ui-panelgrid-cell.ui-widget-header.headrow {
    border-top-left-radius: 3px;
    font-size: 14px;
    color: #ffffff;
    background: #2e4d5d;
    padding: 8px 14px 7px 14px;
}

/* CUSTOM AFE STYLES */

/* GENERAL 
============================================================================ */

.mw200 { min-width: 200px; }
.pad_top_right_10 { padding-top: 10px; padding-right: 10px; }

html, body{
	width:100%;
	padding:0;
	margin:0;
	border: 0; 
	outline: 0;
}
html{
	height:100%;
}

body{
	font-family: Arial, Helvetica, sans-serif; /*Tahoma,Verdana,Arial,sans-serif;*/
	font-size:12px;
	text-align:left;
	background-color:#FFFFFF;
	min-height:100%;
	height:100%;
	position:relative;
	color:#4F4F4F;
}

a, a:hover, a:link, a:visited {	
    font-weight: bold;
    text-decoration: none;
    color: #133546;
    font-size: 14px;
	outline: none;
}

a:hover { 
  text-decoration: underline; 
}

/* p:menuButton hover item */
div.ui-menu ul.ui-menu-list li.ui-menuitem.ui-state-hover > a.ui-menuitem-link{
	color:#e9edf2;
}

table {
	border-spacing: 0px;
}

td, th {
  text-align: left; 
  vertical-align: top; 
  padding: 2px 4px 2px 0px;
}

img { border:0px; }

.bold{ font-weight: bold; }
.red {color: #F70000;}

.title{
	font-size:1.5em; 
	font-weight:bold; 
	padding-top: 5px;	
	margin-bottom: 15px;
	display: block;
}
.requiredMark{
	padding-left: 5px;
	color: #FF0000;	
}

input.inputField{
	width:250px;
}

/*********************/

table.vaMiddle td, 
tr.vaMiddle td {
	vertical-align: middle; 
}

table.vaTable {
	vertical-align: top;
}

table.vaMiddle.pRight10 td:first-child,
table.vaTable.pRight10 td:first-child {
	padding-right: 10px;
}

table.vaTable div.checkboxCol {
	padding: 3px 3px 3px 0px;
}
table.vaTable td.checkboxCol {
	padding: 3px 8px 3px 0px;
}

table.vaTable .labelCol {
	padding: 5px 4px 0px 0px;
}
table.vaTable td.labelCol > label {
	margin: 0px 1px;
}
table.vaTable td.labelCol > input {
	margin-top: -5px;
}

table.vaTable .inputCol {
	padding: 0px 4px;
}

table.vaTable .inputCol .ui-widget {
	margin-bottom: 3px;
}

/*********************/

table.highRows > tbody > tr{
	height:40px;
}

.mBot{
	margin-bottom: 15px;
}
.noBorder{
	border:0px solid white;
}

.vaRadioGrid tbody tr td {
	vertical-align: middle;
}

.hintTextRow{
	font-size: 11px;
	color: #909090;
	margin-left: 10px;
}
.emailGrey{
    padding-left: 15px;
    padding-right: 15px;
    background: #677b8f;
}

.emailGrey.ui-state-hover{
	background: #4c5a69;
}

table.panelGridWithoutBorder tr, table.panelGridWithoutBorder td.ui-panelgrid-cell {
	border: none;
}

.dtp_label {
	font-weight: bold; 
	margin-bottom:12px; 
	font-size:18px; 
}

span.helpText{
	display: block;
	font-size: 11px;
	color: #8b8b8b;
	margin:1px 0px 15px 2px;
}

span.helpText.red {
	color: #F70000;
}

span.helpText a{
	font-size: 1.1em;
}

.preWrap{
	white-space: pre-wrap;
}

.readonlyInput {
	background-color: #e7e7e7 !important;
}

.marginTop15 {
	margin-top: 15px;
}

/* Header panel ----------------------------------------- */
div.headerPanelMainWrapper{
	width: 100%;
	position: absolute;
	display: block;
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	z-index: 100;
	background-color: #133546;
}

table.headerPanel{
	width:100%;
	height: 40px;
	color: #ffffff;
	padding: 0px;
}

table.headerPanel td{
	vertical-align: middle;
	padding-left: 2px;
	padding-right: 2px;
}
td.headerLogoColumn{
	width:auto;
	text-align: center;
}

table.headerPanel td.appNameColumn{
	font-size: 1.2em;
	font-weight: bold;
	background-color: transparent;
	width: 250px;
	padding:0px;
}

table.headerPanel td.ajaxLoadingColumn{
	width: 32px;
}
div.ajaxStatusLoadingImage{
	background-image: url("/demo/javax.faces.resource/css/images/ajax-loaderr.gif?ln=default");
	background-size: 30px 30px;
	width: 30px;
	height: 30px;
}

div.ajaxStatusPanel{
	width:30px;
	height:30px;
	margin-left:10px;
	padding: 1px;
}

table.headerPanel td.appNameColumn table#appNameLabel,
table.headerPanel td.appNameColumn table#businessCaseUIForm\:appNameLabel {
	white-space: nowrap;
	margin:0;
	padding:0;
	border-spacing: 0;
}
table.headerPanel td{
	margin:0;
	padding:0;
	padding-right: 10px;
}

table.headerPanel td.appNameColumn table#appNameLabel .appNameLabel,
table.headerPanel td.appNameColumn table#businessCaseUIForm\:appNameLabel .appNameLabel{
	margin: 5px;
}
.appLogoPanel {
	max-height: 40px;
	overflow: hidden;
	padding-left: 15px;
}
img.appLogoImg{
	height: 30px;
	width: auto;
	display: block;
	color: #ffffff;
}

table.headerPanel .userNameColumn {
	text-align: right;	
	white-space: nowrap;
	padding-right: 20px;
}
table.headerPanel .userNameColumn label{
	margin-top: 0;
}

.headerClientSelect.ui-selectonemenu {
	width: 180px !important;	
}
.headerClientSelect.ui-selectonemenu .ui-selectonemenu-label {
 	width: 100% !important;
	font-weight: bold;
}

.headerClientSelect.ui-selectonemenu .ui-selectonemenu-trigger.ui-state-default{
	background: #F7F7F7;	
}
.headerClientSelect.ui-selectonemenu .ui-selectonemenu-trigger.ui-state-hover{
	background-color: #dfdfdf;	
}

table.headerPanel .userClientColumn {
	height: 28px;
	white-space: nowrap;
	padding-right: 20px;
}

table.headerPanel .userClientColumn .ui-selectonemenu{
	background: none;
	display: block;
}
table.headerPanel .userClientColumn .ui-selectonemenu-label{
	background-color: transparent;
	color: #ffffff;
}
table.headerPanel .userClientColumnNoText {
	padding-right: 0;
}

table.headerPanel label{
    margin-left: 0px;
	/*margin-right: 3px;*/
    margin-top: 0;
    font-weight: bold;
    text-decoration: none;
    font-size: 14px;
}

table.headerPanel .contentColumn{
	text-align: center;
	font-weight: bold;
	font-size: 15px;	
	width: 100%;
	white-space: nowrap;
}

table.headerPanel .languageColumn {
	width: 20px;	
}

table.headerPanel .homeFormColumn {
	white-space: nowrap;
}

table.headerPanel .homeLink{
	float: left;
	color: #ffffff;
}

table.headerPanel .headerLink{
	float: left;
	color: #ffffff;
	margin-right: 20px;
	white-space: nowrap;
}

table.headerPanel .headerLink:last-child {
	margin-right: 0;
}

div.contentTopBorder{
	display: block;
}

table.headerPanel td.headerRightPart {
	padding-right: 0;
}

table.headerPanel .headerGoToLink {
	margin-right: 5px !important;
	white-space: nowrap;
}

table.headerPanel td.headerRightPart .header-logout {
	margin-left: 5px;
	margin-right: 5px;
}

/* Main Menu/sidebar ----------------------------------- */
div#mainMenuWrapper{
	display:block;
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	width:100px;
	background: #133546;
	min-height: 100%;
	position: absolute;
	z-index: 99;
}

div.mainMenu{
	margin-bottom:5px;
	border: none;
	width: 100px;
	float: left;
	position: relative;
	z-index: 98;
	padding-top: 90px;
}

div.mainMenuItem {
	border: none;
	margin: 0;
	padding: 0;
	text-align: center;
}

div.mainMenuItem a{
	display: block;
	padding: 14px 0 8px 0;
	color: #ffffff;
	font-size: 11px;
	font-weight: normal;
	width: 100px;
	text-decoration: none;
}

div.mainMenuItem a.selected{
	background: #3e7692;
}

div.mainMenuItem a span{
	display: block;
	padding-top: 2px;
	padding-bottom: 2px;
}

/* Description toggle panel ------------------------ */
div#desc_toggle_ON,
div#desc_toggle_OFF{
	display: block;
	width: 25px;
	height: 180px;

	z-index: 101;
 	margin:0;	
 	padding:0;

	position: fixed;
	top: 250px;
	right: -2px;
}
div#desc_toggle_ON{
	background-repeat: no-repeat;
	background-clip: content-box;
	background-origin: content-box;
}
div#desc_toggle_OFF{
	background-repeat: no-repeat;
	background-clip: content-box;
	background-origin: content-box;
}

div#desc_toggle_ON:hover,div#desc_toggle_OFF:hover{
 right:0px;
}

/* Content panel LEFT MENU (designer and settings)----------------------------------- */
div#mainContentWrapperWithMenu{
	display:block;
	position: relative;
	margin-left: 100px;
	padding-top: 60px;
}
div#mainContentWrapperWithoutMenu{
	display:block;
	position: relative;
	margin-left: 0px;
	padding-top: 80px;
}
div#mainContent{
  margin: 15px 30px 15px 15px !important;
}
.portal div#mainContent{
  margin: 15px !important;
}

div#designerForm\3A designerToolbar{
	border-top:none;
}

div#designerForm\3A featureMenu{
	float: left;
	display: block;
	width: 100%;
	position: relative;
 	border:none;
 	background: none;
	padding: 0px;
}
div#designerForm\3A featureMenu > ul.ui-tabs-nav{
	float: left;
	display: inline;
 	position: relative;
	width: 310px;
	clear: none;
	
	background: none;
	background-color: transparent;
	margin-left: 0px;
	padding-left: 0px;
	height: auto;
	padding-top: 0px;
}

div#designerForm\3A featureMenu > div.ui-tabs-panels{
	width: auto;
	clear: none;
	display: block;
	float: 	none;
	position: relative;	
	margin-left: 311px;
	margin-right:0px;
	background-color: transparent; 
	border-right:none;
	border-bottom:none;
	border-left:none;

	height: 100%;
}

div#designerForm\3A featureMenu > div.ui-tabs-panels {
    width: auto;
    clear: none;
    display: block;
    float: none;
    position: relative;
    margin-left: 311px;
    margin-top: -63px;
    margin-right: 0px;
    background: none;
    background-color: transparent;
    background: white;
    border-right: none;
    border-bottom: none;
    border-left: none;
    height: 100%;
}

div#designerForm\3A featureMenu > div.ui-tabs-panels div.ui-tabs-panels {
	overflow-x: auto; 
}

.portalUpBorder{
	padding-top: 40px !important;
}

div#designerForm\3A featureMenu > ul.ui-tabs-nav > li{
	margin: 0px;
	padding: 0px;	
	width:311px;
	float: left;
}

div#designerForm\3A featureMenu > div.ui-tabs-panels > .ui-tabs-panel {
	padding: 15px 0 0 15px;
}

div#designerForm\3A featureMenu > div.ui-tabs-panels > .ui-tabs-panel > span > .ui-tabs,
div#designerForm\3A featureMenu > div.ui-tabs-panels > .ui-tabs-panel .ui-toolbar{
	overflow: hidden;
}

/* default menu item background */ 
div#designerForm\3A featureMenu > .ui-tabs-nav > li.ui-state-default{ 
  background: #fafafa;
  border-top: none;
  margin: 0;
}

/* background of selected menu item */
div#designerForm\3A featureMenu > .ui-tabs-nav > li.ui-state-active{
	background: none;
    background: #ffffff;
    border-right: none;
    width: 305px;
    border-left: 6px solid #95B3D7;
}

/* selected menu item hover background*/
div#designerForm\3A featureMenu > .ui-tabs-nav > li.ui-state-active.ui-state-hover{
	background:white;
}  

/* default menu item text color */
div#designerForm\3A featureMenu > .ui-tabs-nav li.ui-state-default a{
	color:#656161;; 
	padding-top: 8px;
}      

div#designerForm\3A featureMenu > .ui-tabs-nav > li.bcLogTab {
	margin-top: 30px;
}

/* div#designerForm\3A featureMenu\3A mainSettingsTabs\3A addWidgetMenuItems span.ui-menuitem-icon { */
/* 	margin-right: 3px; */
/* } */

div.niceToolbarButtonMenu > ul.ui-menu-list {
	margin: 0px;
}
div.niceToolbarButtonMenu > ul > li span.ui-menuitem-icon {
	margin-left: 3px;
	margin-right: 5px;
}

div.niceToolbarButtonMenu .ui-menuitem-icon {
	color: #e6a446;
}

div#clientSettingsForm\3A clientSettingsTab div.ui-tabs-panel{
	margin-top:20px;
}

div#clientManagementForm\3A clientsTable tr.ui-datatable-empty-message td{
	color:red;
	font-style:italic;
}

/* Content panel TOP MENU (top tabs in designer) ---------------------------- */      
div.offsetHorTabs{
	background-color:transparent;
	border:none;
}
div.offsetHorTabs.ui-tabs ul.ui-tabs-nav{
	background-color:transparent;
	border:none;	
	padding-left:0px;
	display:inline-block;
}
div.ui-tabs.offsetHorTabs > ul.ui-tabs-nav > li{
	top:1px;
}
div.offsetHorTabs .ui-tabs-nav li a{
	padding:0.5em;
}

div.offsetHorTabs >	.ui-tabs-panels{
	border:none;
}

.ui-tabs-top > .ui-tabs-panels{
	background:#f7f7f7
}

/* general background */
.ui-tabs.ui-tabs-top > .ui-tabs-nav li{
    background:#e4e4e4;
    border-top:3px solid #E4E4E4;
    top:1px;
    margin-right:3px;
}

.ui-tabs-top > .ui-tabs-nav li.ui-tabs-selected{
    background-color:#F7F7F7;
    border-top:3px solid #95B3D7;
	margin-bottom:1px;
}

/* default text style */
.ui-tabs-top > .ui-tabs-nav li.ui-state-default a {
  color: #656161;
  padding: 4px 14px 7px 14px;
}

/* OTHER
 ============================================================================= */

/* BUTTONS */

.ui-button-text{
	font-weight: 700;
	font-size: 10px;
	color: white;
	text-transform: uppercase;
}

/* UI buttons: greyBtn, redBtn, greenBtn */

.greyBtn.ui-button.ui-state-default {
	margin: 0;
	border: 0px;
	height: 30px;
	margin-bottom: 12px;
	border-radius: 2px;
}

.redBtn.ui-button.ui-state-default {
    background: #f54600;
    margin: 0;
    border: 0px;
    height: 30px;
    margin-bottom: 12px;
    margin-left: 4px;
    border-radius: 2px;
}

.redBtn.ui-button.ui-state-hover{
	background: #e64809;
}

.greenBtn.ui-button.ui-state-default,
.greenBtn.ui-menubutton .ui-button.ui-state-default {
    background: #2fab6d;
    margin: 0;
    border: 0px;
    margin-left: 4px;
    color: white;
    height: 30px;
    margin-bottom: 12px;
    box-shadow: none;
    border-radius: 2px;
}
.greenBtn.ui-button.ui-state-hover, 
.greenBtn.ui-menubutton .ui-button.ui-state-hover  {
	background: #288a59;	
}

.redBtn.ui-button, .greenBtn.ui-button, .greyBtn.ui-button{
	min-width: 100px;
}

.greyBtn.ui-button.ui-state-active,
.redBtn.ui-button.ui-state-active,
.greenBtn.ui-button.ui-state-active{
	color: #e9edf2;
}

.ui-button-icon-only.ui-state-default,
.iconButton.ui-button.ui-state-default,
.ui-datatable .ui-button.ui-state-default,
.ui-treetable .ui-button.ui-state-default,
div.ui-button.afeEvolColorPickerButton{
	border:none;
	background: none;
	box-shadow:none;
}

button.ui-button.ui-widget.afeFaBook {
    margin: 0px;
    padding: 0px;
    width: 22px;
    height: 22px;
}
button.ui-button.ui-widget.afeFaBook > span.ui-icon {
    color: #4aaa6c;
    line-height: 18px;
    font-size: 18px;
    font-weight: normal;
    position: unset;
	margin: 0px;
	padding: 0px;
}
button.ui-button.ui-widget.afeFaBook > span.ui-button-text {
	display: none;
}

button.ui-button.ui-widget.afeFaBookLarge {
    margin: 5px 5px 10px 5px;
    width: 30px;
    height: 30px;
}
button.ui-button.ui-widget.afeFaBookLarge > span.ui-icon {
    color: #4aaa6c;
    line-height: 28px;
    font-size: 28px;
    font-weight: normal;
    position: unset;
	margin: 0px;
	padding: 0px;
	width: 30px;
    height: 30px;
}
button.ui-button.ui-widget.afeFaBookLarge.afeFaBookGrey > span.ui-icon {
	color: #666b9f;
}

button.ui-button.ui-widget.afeFaBookLarge > span.ui-button-text {
	display: none;
}

input.afeEvolColorPicker.colorPicker{
	color:#4f4f4f;
}

.ui-button-icon-only.afeEvolColorPickerButton {
	height: auto;
}

.afeEvolColorPickerButton .fa.fasa {
	font-size: 16px;
	color: #808080;
	margin-top: -8px;
}
.afeEvolColorPickerButton .fa.fasa.fa-lock {
	margin-left: -7px;
}
.afeEvolColorPickerButton .fa.fasa.fa-unlock {
	margin-left: -5px;
}

.ui-button-icon-only.ui-state-hover,
.iconButton.ui-button.ui-state-hover,
.ui-datatable .ui-button.ui-state-hover,
.ui-treetable .ui-button.ui-state-hover{
/* 	border: 1px solid #dfdfdf; */
}

.ui-button-icon-left.ui-afe-icon-info{
	background: url("/demo/javax.faces.resource/css/images/infoIcon-blue.svg?ln=default") 0px 0px no-repeat;
}
.ui-button-icon-left.ui-afe-icon-delete{
	background: url("/demo/javax.faces.resource/css/images/deleteIcon-blue.svg?ln=default") 0px 0px no-repeat;
}
.ui-button-icon-left.ui-afe-icon-edit{
	background: url("/demo/javax.faces.resource/css/images/editIcon-blue.svg?ln=default") 0px 0px no-repeat;
}
.ui-button-icon-left.ui-afe-icon-run{
	background: url("/demo/javax.faces.resource/css/images/playIcon.svg?ln=default") 0px 0px no-repeat;
}
.ui-button-icon-left.ui-afe-icon-export{
	background: url("/demo/javax.faces.resource/css/images/externalLink-blue.svg?ln=default") 0px 0px no-repeat;
}
.ui-button-icon-left.ui-afe-icon-up{
	background: url("/demo/javax.faces.resource/css/images/upIcon-grey.svg?ln=default") 0px 0px no-repeat;
}
.ui-button-icon-left.ui-afe-icon-down{
	background: url("/demo/javax.faces.resource/css/images/downIcon-grey.svg?ln=default") 0px 0px no-repeat;
}
.ui-button-icon-left.ui-afe-icon-left{
	background: url("/demo/javax.faces.resource/css/images/prevPageIcon-grey.png?ln=default") 0px 0px no-repeat;
}
.ui-button-icon-left.ui-afe-icon-right{
	background: url("/demo/javax.faces.resource/css/images/nextPageIcon-grey.png?ln=default") 0px 0px no-repeat;
}
.ui-button-icon-left.ui-afe-icon-switch{
	background: url("/demo/javax.faces.resource/css/images/switchIcon-blue.svg?ln=default") 0px 0px no-repeat;
}
.ui-button-icon-left.ui-afe-icon-help{
	background: url("/demo/javax.faces.resource/css/images/helpIcon-grey.png?ln=default") 0px 0px no-repeat;
}
.ui-button-icon-left.ui-afe-icon-search{
	background: url("/demo/javax.faces.resource/css/images/searchIcon-grey.png?ln=default") 0px 0px no-repeat;
}
.ui-button-icon-left.ui-afe-icon-split{
	background: url("/demo/javax.faces.resource/css/images/splitIcon.svg?ln=default") 0px 0px no-repeat;
}
.ui-button-icon-left.ui-afe-icon-merge{
	background: url("/demo/javax.faces.resource/css/images/mergeIcon.svg?ln=default") 0px 0px no-repeat;
}
.ui-button-icon-left.ui-afe-icon-locked{
	background: url("/demo/javax.faces.resource/css/images/lockIcon-grey.png?ln=default") 0px 0px no-repeat;
}
.ui-button-icon-left.ui-afe-icon-unlocked{
	background: url("/demo/javax.faces.resource/css/images/unlockIcon-grey.png?ln=default") 0px 0px no-repeat;
}

.ui-button-icon-left.ui-afe-icon-downblue{
	background: url("/demo/javax.faces.resource/css/images/downIcon-blue.svg?ln=default") 0px 0px no-repeat;
}
.ui-button-icon-left.ui-afe-icon-upblue{
	background: url("/demo/javax.faces.resource/css/images/upIcon-blue.svg?ln=default") 0px 0px no-repeat;
}

.ui-button-icon-left.ui-afe-icon-upload{
	background: url("/demo/javax.faces.resource/css/images/uploadIcon16.png?ln=default") 0px 0px no-repeat;
}
.ui-button-icon-left.ui-afe-icon-download{
	background: url("/demo/javax.faces.resource/css/images/downloadIcon16.png?ln=default") 0px 0px no-repeat;
}

.ui-button-icon-left.ui-afe-icon-locked, 
.ui-button-icon-left.ui-afe-icon-unlocked {
	width: 20px;
	top: 0px;
    margin-top: 0px;
/* 	left: 3px; */
}


.ui-picklist-button-move-up .ui-icon,
.ui-button-icon-left.ui-afe-icon-arrowUp{
	background: url("/demo/javax.faces.resource/css/images/arrowUpIcon-grey.png?ln=default") 0px 0px no-repeat;
}
.ui-picklist-button-move-down .ui-icon,
.ui-button-icon-left.ui-afe-icon-arrowDown{
	background: url("/demo/javax.faces.resource/css/images/arrowDownIcon-grey.png?ln=default") 0px 0px no-repeat;
}
.ui-picklist-button-remove .ui-icon,
.ui-button-icon-left.ui-afe-icon-arrowLeft{
	background: url("/demo/javax.faces.resource/css/images/arrowLeftIcon-grey.png?ln=default") 0px 0px no-repeat;
}
.ui-picklist-button-add .ui-icon,
.ui-button-icon-left.ui-afe-icon-arrowRight{
	background: url("/demo/javax.faces.resource/css/images/arrowRightIcon-grey.png?ln=default") 0px 0px no-repeat;
}
.ui-picklist-button-move-top .ui-icon,
.ui-button-icon-left.ui-afe-icon-arrowUpTop{
	background: url("/demo/javax.faces.resource/css/images/arrowUpTopIcon-grey.svg?ln=default") 0px 0px no-repeat;
}
.ui-picklist-button-move-bottom .ui-icon,
.ui-button-icon-left.ui-afe-icon-arrowDownBottom{
	background: url("/demo/javax.faces.resource/css/images/arrowDownBottomIcon-grey.svg?ln=default") 0px 0px no-repeat;
}
.ui-picklist-button-remove-all .ui-icon,
.ui-button-icon-left.ui-afe-icon-arrowLeftAll{
	background: url("/demo/javax.faces.resource/css/images/arrowLeftAllIcon-grey.png?ln=default") 0px 0px no-repeat;
}
.ui-picklist-button-add-all .ui-icon,
.ui-button-icon-left.ui-afe-icon-arrowRightAll{
	background: url("/demo/javax.faces.resource/css/images/arrowRightAllIcon-grey.png?ln=default") 0px 0px no-repeat;
}


.ui-picklist .ui-picklist-list {
	width: 333px;
	height: 300px;
	background: #f9f9f9;
}


div.ui-picklist.globalFilterPickList .ui-picklist-list {
	width: 440px;
	height: 360px;
}


div.bcsetPickList div.ui-picklist-caption {
	background: transparent;
}

div.bcsetPickList ul.ui-picklist-list {
	background: #ffffff;
	border: 1px solid #dedede;
	border-radius:0px;
}


span.linkWithImage{ /*disabled h:link*/
	color: #000000;
	font-weight: bold;
}

a.linkWithImage,label.linkWithImage{
	padding-left:15px;
	color:#4f4f4f;
	font-weight: bold;
	background-image: url("/demo/javax.faces.resource/css/images/ui-icon_triangle_blue_9x16se.svg?ln=default");
	background-attachment: scroll;
	background-clip: border-box;
	background-repeat: no-repeat;
    background-size: 14px 14px;
	background-origin: padding-box;
	background-position: left;
}
label.linkWithImage:HOVER{
	cursor: pointer;
	text-decoration: underline;
}

table.databaseConnectionList tbody tr td a.linkWithImage{
	font-size: 1em;
}

button.ui-button.buttonAslinkWithImage{
	border: none;
	background: none;
	box-shadow: none;
	color:#4F4F4F;
	background-image: url("/demo/javax.faces.resource/css/images/ui-icon_triangle_blue_9x16se.svg?ln=default");
	background-attachment: scroll;
	background-clip: border-box;
	background-repeat: no-repeat;
	background-size: 14px 14px;
	background-origin: padding-box;	
}

button.ui-button.buttonAslinkWithImage .ui-button-text{
	text-transform: none;
	font-size: 1em;	
	font-weight: normal;
	padding: 0px 0px 0px 13px;
	text-align: left;
}

button.ui-button.buttonAslinkWithImage:hover{
	text-decoration: underline !important;
}

button.ui-button.buttonAslinkWithImage span{
	color: #2e4d5d;
}

.ui-datatable table tr th.dragDropOrderColumn,
.ui-datatable table tr td.dragDropOrderColumn {
	width: 10px;
	padding: 3px;
	text-align: center;
}

i.dragDropOrderArrows {
	color: #bbbbbb;
	line-height: 14px;
	margin-left: 1px;
	font-size: 12px;
}


td.emailConnLabelCol1 {
	width: 280px;
}

table.typeChooserTable{
	border-spacing:0px; 
	margin:0;
	padding:0;
	width:100%;
}
td.typeChooserTableCol1{
	padding:7px;
	width: 70px;
	vertical-align: middle;
}
td.typeChooserTableCol2{
	padding:7px;
	width: 100px;
	vertical-align: middle;
}
td.typeChooserTableCol3{
	padding:7px;
	width: 600px;
	vertical-align: middle;
}

td.createVariableCol1{
	padding:10px 10px 0px 10px;
	width: 70px;
	vertical-align: middle;
}
td.createVariableCol2{
	padding:10px;
	width: 300px;
	vertical-align: middle;
}
td.createVariableCol3{
	padding:10px;
	width: 600px;
	vertical-align: middle;
}

tr.tableRow1{
	background-color:#F9F9FF;
	vertical-align: middle;	
}

tr.tableRow2{
	background-color: white;
	vertical-align: middle;	
}

img.typeChooserImg{
	width:55px;
	height:55px;		
}

td.bcMainSettingsCol1{
	width: 210px;	
}
td.bcMainSettingsCol2 {
	width: 400px;	
}

td.bcFeatureSelectionTableCol1{
	width: 420px; 
}

table.businessCaseList th,
table.databaseConnectionList th{
	text-align: left;
}

tr.widgetSectionEven{
	background-color: #f7f7f7;
}
tr.widgetSectionOdd{
	background-color: #f2f2f2;
}

table.buttonList th {
	text-align: left;
	vertical-align: middle;
}

td.panelColorsLabelColumn {
	width: 310px;
}
td.panelColorsDefColumn {
	width: 164px;
}
table.vaMiddle td.panelColorsHintColumn span.helpText {
	margin: 7px 2px;
}

td.colorRowOptionsTableColumn2{
	width: 300px;
}
th.languageMsgTableFirstColumn{
	width:80px;
}
input.btnTitleInput{
	width:90px;
}
td.widgetFormMappingTabTableColumn1{
	width:220px;
	vertical-align: top;
}
td.widgetFormatColumn1,td.variableFormatColumn1{
	width:250px;
}
td.auditingColumn1,
td.historyColumn1{
	width:250px;
}
td.extraButtonsGeneralColumn1{
	width:180px;
}

.dbTree_node {
	 background-color: #e3e3e3;
}
.ui-treetable-data .dbTree_node td {
	font-weight: bold;
	vertical-align: middle;
	border-top: 1px solid #000000;
}
.dbTree_leaf td {
	font-size: 11px;
}

.shadowBox{
	border: 1px solid #eaeaea;
}

div.ui-datatable.shadowBox{
	border-top: 1px solid #bfbfbf;
	margin-bottom: 10px;
}

.contentPanel.ui-panel{
	margin-bottom:20px;
	border: 1px solid #eaeaea;
}

.tabChapter{
	font-weight: bold;
	display: block;
	margin: 3px 0px 23px 0px;
	font-size: 15px;
}

.tabSubChapter{
	font-size: 14px !important;
	font-weight: bold;
	display: block;
	margin: 30px 0px 5px 0px;
}

.blockLabel{
	display: block;
	margin: 5px 0px;
}

table.whereConditionTable,
table.whereConditionTable > table{
	margin:0px;
	border-spacing: 0px;
	width: 100%
}

table.whereConditionTable .col2 {
	width: 50px;
}

#whereConditionSecRolesForm\:addSecRoleForm .valueTable {
	width: 100%;
}

td.dbFormCol1 {
	padding-right:15px;
}
td.dbFormCol2 {
	width: 740px;
}

td.col450w{
	width: 450px;
}

td.col650w{
	width: 650px;
}

td.widgetTypeSelectionCol1{
	width: 310px;
	padding: 0;
	
}
td.widgetTypeSelectionCol1 label{
	padding-left: 5px;
}
td.widgetTypeSelectionCol2{
	border-top: 1px solid #c5c6c7;
	border-right: 1px solid #c5c6c7;
	border-bottom: 1px solid #c5c6c7;
	border-left: 1px solid #c5c6c7;
		
	padding: 10px;
	
	background: none;
	background-color: #fafafa;
}
td.widgetTypeSelectionCol3{
	width: 450px;
	padding-left: 20px;
}
td.excelExportGeneralColumn1{
	width: 265px;
}
td.featureSelectionColumn1, td.featureSelectionColumn2{
	width:50%;
}
.featureTitle{
	font-weight: bold;
	font-size: 1.2em;
	margin-top:10px;
}
.featureGroupTitle{
	font-weight: bold;
	font-size: 1.2em;	
}
.featureRedText {
	color: #c70039;
}
img.featureCheck{
	float:right;
	width:14px;
	height:16px;	
}

div.selectedWidgetType, div.notSelectedWidgetType{
	position:relative;
	left:1px;
}

div.selectedWidgetType{
	border-bottom: 1px solid #c5c6c7;
	border-left: 1px solid #c5c6c7;
	border-top: 1px solid #c5c6c7;
	
	background: none;
	background-color: #fafafa;	
}
div.notSelectedWidgetType{
	border-right: 1px solid #c5c6c7;
}
div.selectedWidgetType label:hover,
div.notSelectedWidgetType label:hover{
	cursor: pointer;
}

td.variableFormCol1{
	width: 120px;
}

.bcOrFolderListTable thead th, 
.bcOrFolderListTable tbody td, 
.bcOrFolderListTable tfoot td{
	padding: 6px 5px;
}

td.bcListFolderTreeCol, td.portalFolderTreeCol{
	width:220px;
	padding: 0 4px 0 0;
}

td.bcListBusinessCasesCol, td.portalEntriesCol {
	padding: 0;
}

label.emailSubjectOrBodyLabel {
	margin-right: 10px;
	white-space: nowrap;
}
label.emailTypeLabel {
	margin-top: 1em;
	display: inline-block;
	font-weight: bold;
}
.ui-growl {
	top: 60px;
	width: 451px;
}
.ui-growl .ui-growl-message {
	width: 386px;
}
.ui-growl .ui-growl-item {
	padding: 10px;
}
.ui-growl-item-container {
	opacity: unset;
}

/* This is for form labels. They use to be in the first column of a row. */
form td:first-child > label {
    margin-top: 3px;
    display: inline-block;
}

.labelValueTable > tbody > tr > td > label,
.textValueTable > tbody > tr > td:first-child {
	margin-right: 13px;
	margin-top: 3px;
	display: inline-block;
}

.valueTable > tbody > tr > td:first-child {
	padding-right: 13px;
}

table.designerActionTable,
.actionTextareaWrapper,
.designerActionTextarea {
	width: 100%;
}

textarea.designerActionTextarea {
	float: left; 
}

/* label width */
table.designerActionTable > tbody > tr > td:first-child {
	width: 170px;
}

table.designerActionTable div.ui-selectonemenu {
	width: 210px !important;
}

table.designerActionTable div.ui-selectonemenu.longDD {
	width: 443px !important;
}

table.designerActionTable div.ui-selectonemenu.actionKindSelect,
div.ui-selectonemenu.actionKindSelect {
	width: 405px !important;
}

table.designerActionTable input {
	width: 600px;
}

.codervv {
	background-color: #f9f9f9;
	font-family: monospace, "Courier New";
}

.prervv {
	padding: 0.8em;
	border: 1px dashed #2f6fab;
	color: black;
	background-color: #f9f9f9;
	line-height: 1.1em;
	font-family: monospace, "Courier New";
}

.jsEditorWrapper .col1 {
	width: 15px; 
}

.jsEditorWrapper .col3 {
	width: 50px; 
}

.validationResultPanel {
	margin-top: 10px;
	border: 1px solid #c5c6c7;
	padding: 2px;
	color: #0026CB;
}

.jsEditorErrorsDiv {
	max-height: 150px;
	overflow-y: auto;
}

#designerForm\:featureMenu\:dataRowValidatorTabs\:drvGrp .jsEditorErrorsDiv {
	max-height: unset;
}


div.niceToolbar{
	background: none;
	border: none;
	padding: 0px;
	height: 47px;
}

div.niceToolbar .ui-toolbar-group-left,
div.niceToolbar .ui-toolbar-group-right{
	padding: 0px;
}

div.niceToolbar .niceToolbarButton.ui-commandlink,
div.niceToolbar .niceToolbarButton.ui-commandlink.ui-state-disabled
{
	height: 32px;
	display: inline-block;
	padding-right:10px;
	position: relative;
	float:left;
	min-width: 70px;
}

div.niceToolbar .ui-toolbar-group-left .niceToolbarButton.ui-commandlink,
div.niceToolbar .ui-toolbar-group-left .niceToolbarButton.ui-commandlink.ui-state-disabled{
	margin-right: 2px;
	margin-bottom:2px;
	text-align: center;
	box-sizing: border-box;
}
div.niceToolbar .ui-toolbar-group-right .niceToolbarButton.ui-commandlink,
div.niceToolbar .ui-toolbar-group-right .niceToolbarButton.ui-commandlink.ui-state-disabled{
	margin-left: 1px;
}

div.niceToolbar .niceToolbarButton.green{
  background: #2fab6d;
  padding: 1px 10px;
  border-radius: 2px;
}
div.niceToolbar .niceToolbarButton.green:hover{
  background: #288a59;
}

div.niceToolbar .niceToolbarButton.grey{
	background:#677b8f;
    width: auto !important;
	border-radius: 2px;
	padding: 1px 10px;
}

div.niceToolbar .niceToolbarButton.grey:hover{
	background: #4c5a69;
}

div.niceToolbar .niceToolbarButton.red{
    background: #e82626;
    border-radius: 2px;
	margin-right: 10px !important;
    padding: 1px 10px;
}
div.niceToolbar .niceToolbarButton.red:hover{ 
	background: #b91010; 
}

div.niceToolbar .niceToolbarButton span.ui-icon{
	display: inline-block;
	position:absolute;
	top: 0px;
	left: 0px;
}
div.niceToolbar .niceToolbarButton span.niceToolbarButtonText{
	display: inline-block;
	padding-left: 8px;
	line-height: 32px;
	font-weight: bold;
	font-family: helvetica;
	text-transform: none;
	color: #ffffff;
}

.blockTitle {
	margin: 0.6em 0;
	display: block;
	font-weight: bold;
}

.errorPageMessageText {
	font-size:23px;
	font-weight:normal;
	display:table-cell;
	vertical-align:middle;
	padding-left:2em;
}

.ui-blockui {
	opacity: 0;
	z-index: 10000;
	cursor: wait;
	background-color: transparent;
	background-position: -1000px -1000px;
}
.ui-blockui-content {
	opacity: 0;
	background-color: transparent;
	z-index: 10001;
	cursor: wait;
	border-radius: 9px;
	padding: 12px 24px;
	font-size: 200%;
	box-shadow: 0px 0px 16px rgba(255, 255, 255, 0.8);
}
#blockPageUiGrey_blocker.ui-blockui{
	opacity: 0.7;
	background-color: #979aa1;
}

.messageListWithBullets li {
	margin-bottom: 4px;
	margin-left: 3em;
	list-style-type: disc;
}

.ui-selectoneradio td {
	vertical-align: middle;
}
.ui-selectoneradio label {
	margin-top: 2px;
	margin-right: 0.5em;
}

.appTest-testName {
	padding-right: 10px;
	min-width: 120px;
}

.appTest-detail {
	padding-left: 10px;
}

div.ui-panel.folderListPanel {
	margin-top: 15px;
	border: 0;
	padding: 0;
}
.folderListPanel .ui-panel-content {
	position: static;
	padding: 0;
	border: 0;
}
.folderListPanel .ui-panel-titlebar-icon {
	float: left;
	margin-right: 1em;
	background: white;
}

.fa {
	font-family: FontAwesome !important;
}

form table.noPaddingOnFirstTd td:first-child > label{
	margin-top: 0px;
}

table.fontPicker tr.fontPickerMessagesRow td{
	padding-top:0px;
	padding-bottom:0px;
}

table.fontPicker tr.fontPickerLabels td{
	padding-left:1px;
}

table.fontPicker{
	width:530px;
}

table.fontPicker > tbody > tr,
table.fontPicker > tbody > tr > td > input{
	line-height:14px;
}

table.fontPicker > tbody > tr > td{
	vertical-align:top;
}

div.accordionSettings{
	width:1115px;
}

div.accordionSettings div.ui-accordion-content{
	background-color: #F7F7F7;
}

div.accordionSettings div.ui-accordion-header{
	background:#2E4D5D;
	color:#FFFFFF;
	font-weight:normal;
}

div.jsEditorErrorMessage{
	margin-bottom:15px;
}
div.jsEditorErrorMessage:hover{
	background-color: white;
	cursor:pointer;
}
#jsEditorLineTooltip{
	background-color:#F5F5DC;
	border:1px solid #c5c6c7;
	padding:2px;
}

div.existingConditionalFormatsTable .ui-datalist-content{
	border: none;
}

td.widgetFormLookupCol1B{
	padding: 8px 15px 3px 0px;
}

td.widgetFormLookupCol1{
	padding:4px 10px 0px 0px;
}

td.widgetFormLookupCol2{
    text-align: left;
    vertical-align: top;
    padding:0px 4px 0px 0px;
}

td.widgetFormMultivalueCol1{
	padding:4px 30px 0px 0px;
	height:40px;
}

td.widgetFormMultivalueCol2{
	text-align: left;
    vertical-align: top;
    padding:0px 4px 0px 0px;
}

div.ui-picklist.bcsetPickList input.ui-inputtext.ui-picklist-filter{
	width: 314px;
}

div.ui-picklist.bcsetPickList > div{
	padding-top: 24px;	
}

div.ui-picklist.bcsetPickList > div:first-child{
	padding-top: 0px;
}

/* hide some buttons from picklist in eibc - selecting table business case */
table#sortedTbcDialogForm\3AimportingTbcListPanel .ui-picklist-button-add-all,
table#sortedTbcDialogForm\3AimportingTbcListPanel .ui-picklist-button-remove-all,
table#sortedTbcDialogForm\3AimportingTbcListPanel .ui-picklist-button-remove{
   visibility: hidden !important;
}

table#sortedTbcDialogForm\3AimportingTbcListPanel .ui-picklist-button-add{
	position:relative;
	top: 34px;
}

table#sortedTbcDialogForm\3AimportingTbcListPanel .ui-picklist-target{
	height: 40px;
}

table#sortedTbcDialogForm\3AimportingTbcListPanel .ui-picklist-source{
	height: 240px;
}

/* date and time formatting */
.widgetFormatDateTableHeader {color:#2e4d5d; font-weight:bold; display:block; margin:3px 3px 5px 3px;}
.widgetFormatDateTable td {vertical-align:top; text-align:center; min-width:30px;}
.customFormatTableWgt {border:1px solid #dedede; border-radius:2px;}
.customFormatTableWgt table thead {display:none;}
.customFormatTableWgt table tr > td > label.ui-widget {font-size:11px;}
.widgetFormatDateOutputTable table thead {display:none;}



div.orderBooleanButton.ui-button.ui-state-default{
	border: 1px solid #DFDFDF;
	background-color: white;
}
div.orderBooleanButton.ui-button.ui-state-default > span.ui-button-text{
	color: #677B8F;
}

/* variableForm.xhtml for script variable: not selectable item in dropdown */
div#variableForm\3AvariableFormTabView\3AscriptvarUseableVariables_panel li.ui-state-disabled{
	color: black;
}

/**  DASHBOARD STYLES  **/
body.dmPage div.ui-chkbox.smallerCheckbox{
	height: 15px;
}
body.dmPage div.ui-chkbox.smallerCheckbox div{
	width: 14px;
	height: 14px;
}
body.dmPage div.ui-chkbox.smallerCheckbox div span{
	margin-top: -1px;
	margin-left: -1px;
}
body.dmPage div.ui-chkbox.smallerCheckbox .ui-chkbox-box .ui-chkbox-icon.ui-icon-check {
	margin-left: 0px;
}
body.dmPage div.ui-chkbox.smallerCheckbox .ui-chkbox-box .ui-chkbox-icon.ui-icon-check:before {
	font-size: 10px;
}


div.ui-chkbox.smallestCheckbox{
	height: 13px;
}
div.ui-chkbox.smallestCheckbox div{
	width: 12px;
	height: 12px;
}
div.ui-chkbox.smallestCheckbox div span{
	margin-top: -3px;
	margin-left: -2px;
}


div.ui-datatable.widgetListDashboard{
	border-top: 0px;
	text-align: left;
	margin-top: 25px;
}

.widgetListDashboard > div > table{
 	width: auto;
 	margin:0px 4px;
	border: 0px;
}

.widgetListDashboard > div.ui-datatable-header {
	color: #636363;
	text-align: left;
	padding: 7px 10px 7px 10px;
}

.widgetListDashboard > div.ui-datatable-tablewrapper{
	overflow-x: auto;
	overflow-y: hidden;
	background-color: white;
}

.widgetListDashboard > div > table > tbody > tr{
	background-color: white;
}

.widgetListDashboard > div > table > thead {
	display: none;
}

.widgetListDashboard table tr,
.widgetListDashboard table tr td.widgetListWidgetItemCol1 {
/* 	border-width: 0px; */
	border-left-width: 1px; 
}

.widgetListDashboard table tr td{
	border: 0px none;
}

.widgetListDashboardCheckBoxTable tbody tr td{
	padding: 2px 0px;
	vertical-align: middle;
	height: 30px;
	width: 30px;
	text-align: center;
} 

.widgetListDashboard .ui-datatable-tablewrapper > table > tbody > tr > td{
	border: 1px solid white;
	vertical-align: bottom;
} 

/* Dashboad -> widget panel */
.widgetListDashboard table.widgetListWidgetItem{
	width: 320px;
	margin: 3px 4px 1px 0px;
	font-size: 11px;
}

.widgetListWidgetItem td.widgetItemCol1Wrapper {
	padding: 0;
	height: 54px;
}

.widgetListDashboard .widgetListWidgetItem td.widgetItemCol1Wrapper tr,
.widgetListDashboard .widgetListWidgetItem td.widgetItemCol1Wrapper td {
	border: 0 none;
}

.widgetListWidgetItem .widgetItemCol1 {
	height: 100%;
}

.widgetListWidgetItem .widgetItemCol1 td.widgetListWidgetItemCol1{
	vertical-align: middle;
	padding: 2px;
	word-break: break-all;
}

.widgetListWidgetItem .widgetItemCol1 td.widgetListWidgetItemCol1 a.linkWithImage{
	padding-left: 14px;
	padding-top: 0;
}


.widgetListWidgetItem td.widgetListWidgetItemCol1{
	vertical-align: middle;
	padding: 0px 2px 0px 4px;
	word-break: break-all;
}

.widgetListWidgetItem td.widgetListWidgetItemCol1 a.linkWithImage{
	padding-left: 14px;
	padding-top: 1px;
}

.widgetListWidgetItem td.widgetListWidgetItemCol1 input{
	width: 196px;
	padding: 0px 1px;
	margin: 0px;
}

.widgetListWidgetItem td.widgetListWidgetItemCol1.columnName,
.widgetListWidgetItem td.widgetListWidgetItemCol1.widgetTitle{
	background-color:#f2f2f2; 
}

.widgetListWidgetItem td.widgetListWidgetItemCol2{
	padding: 0px;
	margin: 5px;
	vertical-align: top;
	width: 72px;
	height: 70px;
}

.widgetListWidgetItem td.widgetListWidgetItemCol2 table{
	margin: 0 auto;
}

.widgetListWidgetItem td.widgetListWidgetItemCol2 table label{
	display: block;
	margin: 1px;
	font-family: Arial;
	font-size: 11px;
}

.widgetListWidgetItem td.widgetListWidgetItemCol3{
	width: 32px;
	height: 70px;
	padding: 0px 0px 0px 0px;
	text-align: center;
	vertical-align: top;
}

.widgetListWidgetItem td.widgetListWidgetItemCol3 label{
	margin: 1px;
	display: block;
}

table.widgetListDashboardCheckBoxTable td{
	text-align: right;
}

table.widgetListDashboardCheckBoxTable div{
	vertical-align: middle;
}

/* Dashboad -> dragable and dropable */
.dropableItemInactive{
	visibility: hidden;
	width: 320px;
	margin-bottom: 2px;
	background-color: white;
	font-size: 11px;
}

.dropableItemInactive label{
	padding: 0px 0px 0px 2px;
}

.dropableItemActive {
	visibility: visible;
	background-color: #fbf8eb;
}

.dropableItemHover{
	background-color: #dcf5d4;
}

.imagebox {
	padding-right: 15px;
	padding-bottom: 15px;
}


#designerForm\3A featureMenu\3A mainSettingsTabs\3A portalEntryFormTabs > div.ui-tabs-panels {
	margin-top: -19px;
}

#designerForm\3A featureMenu\3A mainSettingsTabs\3A BCLinkToBI{
	min-width: 800px;
	background-color: inherit;
}

#designerForm\3A featureMenu\3A mainSettingsTabs\3A biSettingsSteps\3A qsTableLb1_panel .ui-lightbox-nav-left,
#designerForm\3A featureMenu\3A mainSettingsTabs\3A biSettingsSteps\3A qsTableLb1_panel .ui-lightbox-nav-right,
#designerForm\3A featureMenu\3A mainSettingsTabs\3A biSettingsSteps\3A qsTableLb2_panel .ui-lightbox-nav-left,
#designerForm\3A featureMenu\3A mainSettingsTabs\3A biSettingsSteps\3A qsTableLb2_panel .ui-lightbox-nav-right,
#designerForm\3A featureMenu\3A mainSettingsTabs\3A biSettingsSteps\3A qsTableLb3_panel .ui-lightbox-nav-left,
#designerForm\3A featureMenu\3A mainSettingsTabs\3A biSettingsSteps\3A qsTableLb3_panel .ui-lightbox-nav-right,
#designerForm\3A featureMenu\3A mainSettingsTabs\3A biSettingsSteps\3A qsTableLb4_panel .ui-lightbox-nav-left,
#designerForm\3A featureMenu\3A mainSettingsTabs\3A biSettingsSteps\3A qsTableLb4_panel .ui-lightbox-nav-right,
#designerForm\3A featureMenu\3A mainSettingsTabs\3A biSettingsSteps\3A qsTableLb5_panel .ui-lightbox-nav-left,
#designerForm\3A featureMenu\3A mainSettingsTabs\3A biSettingsSteps\3A qsTableLb5_panel .ui-lightbox-nav-right,
#designerForm\3A featureMenu\3A mainSettingsTabs\3A biSettingsSteps\3A qsTableLb6_panel .ui-lightbox-nav-left,
#designerForm\3A featureMenu\3A mainSettingsTabs\3A biSettingsSteps\3A qsTableLb6_panel .ui-lightbox-nav-right,
#designerForm\3A featureMenu\3A mainSettingsTabs\3A biSettingsSteps\3A qsTableLb7_panel .ui-lightbox-nav-left,
#designerForm\3A featureMenu\3A mainSettingsTabs\3A biSettingsSteps\3A qsTableLb7_panel .ui-lightbox-nav-right
#designerForm\3A featureMenu\3A mainSettingsTabs\3A biSettingsSteps\3A qsButtonBCLb1_panel .ui-lightbox-nav-left,
#designerForm\3A featureMenu\3A mainSettingsTabs\3A biSettingsSteps\3A qsButtonBCLb1_panel .ui-lightbox-nav-right,
#designerForm\3A featureMenu\3A mainSettingsTabs\3A biSettingsSteps\3A qsButtonBCLb2_panel .ui-lightbox-nav-left,
#designerForm\3A featureMenu\3A mainSettingsTabs\3A biSettingsSteps\3A qsButtonBCLb2_panel .ui-lightbox-nav-right,
#designerForm\3A featureMenu\3A mainSettingsTabs\3A biSettingsSteps\3A qsButtonBCLb3_panel .ui-lightbox-nav-left,
#designerForm\3A featureMenu\3A mainSettingsTabs\3A biSettingsSteps\3A qsButtonBCLb3_panel .ui-lightbox-nav-right,
#designerForm\3A featureMenu\3A mainSettingsTabs\3A biSettingsSteps\3A qsEmbBCLb1_panel .ui-lightbox-nav-left,
#designerForm\3A featureMenu\3A mainSettingsTabs\3A biSettingsSteps\3A qsEmbBCLb1_panel .ui-lightbox-nav-right,
#designerForm\3A featureMenu\3A mainSettingsTabs\3A biSettingsSteps\3A qsEmbBCLb2_panel .ui-lightbox-nav-left,
#designerForm\3A featureMenu\3A mainSettingsTabs\3A biSettingsSteps\3A qsEmbBCLb2_panel .ui-lightbox-nav-right {
	display: none !important;
}

div.folderContents  dl.ui-datalist-data {
	padding: 0px;
	margin: 0px;
}
div.folderContents dl.ui-datalist-data dt{
	margin: 8px;
	background-color: transparent;
	float: left;
}
div.folderContents dl.ui-datalist-data .portalTile {
	display: block;
	padding: 4px;
	border-width: 1px;
	border-style: solid;		
	border-radius: 4px;
	overflow: hidden;
	box-sizing: border-box;
	position: relative;
	background-size: cover !important;
}
div.folderContents dl.ui-datalist-data .portalTile:hover {
/* 	background-color: #EEE !important; */
	opacity: 0.85;
	border-color: #CDCDCD !important;
}

div.folderContents dl.ui-datalist-data .portalTile i.fa {
	font-size: 18px;
	line-height: 18px;
	float: right;
	color: #E6A446;
}

div.folderContents dl.ui-datalist-data .portalTile .portalEntryLogo {
    position: absolute;
    right: 4px;
    top: 4px;
}

table.portalEntriesList tr.ui-state-highlight{
	background: none;
	background-color: #8c97a6;
}

table.portalEntriesList i.fa{
    width: 25px;
    color: #2e4d5d;
}

div.folderContents dl.ui-datalist-data dt div.portalEntryItemDesc{
    overflow: hidden;
    margin-top: 5px;
    font-size: smaller;
    color: #4D4D4D;
    float: left;
    width: 100%;
}

div.folderContents dt.ui-datalist-item a.folderEntry,
div.folderContents dt.ui-datalist-item span.bcLinkEntry,
div.folderContents dt.ui-datalist-item span.bcLinkEntry a,
div.folderContents dt.ui-datalist-item span.hyperlinkEntry,
div.folderContents dt.ui-datalist-item span.hyperlinkEntry a{
	display: inline-block;
	width: 100%;
	height: 100%;
	text-decoration: none;
}

table.portalEntriesList a.portalEntryLink{
	
}

body.login {
	position:fixed;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
}

#loginForm .loginWrapper{
    position: relative;
    /* width: 100%; */
    height: 100%;
    margin: 0 auto;
    background-color:red;
    min-width: 390px;
    overflow: auto;
}
#loginForm .loginWrapper2{
    color: white;
}

#loginForm .loginWrapper2 td {
	vertical-align: middle;
	padding: 3px 0;
}

#loginForm{
	text-align: center;	
	height: 100%;
	position: relative;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	
}
#loginForm .loginWrapper2 > table{
    padding-top: 20px;
    margin-left: auto;
    margin-right: auto;
}

#loginForm .ui-message {
    margin-left: 5px;
}

.loginLogo {

}

.loginFailedMsg {
	display: block;
}

.loginOptionalText {
	text-align: left;
    padding-top: 15px;
}
.loginOptionalText div {
    float: none!important;
}

td.portalEntryFormDialogCol1,
td.portalFolderDialogCol1 {
	width: 140px;
}

.fitInBorders {
	width: 100% !important;
	box-sizing: border-box;
}

.tabs > .ui-tabs-nav {
	padding: 0 !important;
	display: block !important;
	/*height: 29px;*/
}

.tabs > .ui-tabs-nav li {
	margin-right: 0.5em;
}

.tabs > .ui-tabs-nav li.ui-tabs-selected {
	border-bottom: 0;
	border-top: 3px solid #f7f7f7;
}

.tabs > .ui-tabs-nav li.ui-tabs-selected a {
	background-color: #f7f7f7;
	margin-bottom: 1px;
	padding-top: 4px;
}

.tabs > .ui-tabs-panels {
	margin-top: -2px;
}

.portal .tabs > .ui-tabs-nav li.ui-tabs-selected a, 
.portal .tabs > .ui-tabs-nav li.ui-tabs-selected.ui-state-hover a {
	color: #707070;
}

.portal .ui-dialog .ui-dialog-footer {
	border: 0 none;	
}

.portal .ui-tabs-nav {
	background: transparent;
	background-image: none;
}

.tileSizesList .ui-datalist-content {
	border: 0 none;
	background-color: transparent;
}

.tileSizesList .ui-datalist-data {
	margin: 0;
}

.tileSizeExampleWrapper {
	display: table-cell;
	padding: 0 2px;
	vertical-align: top;
}

.tileSizeExampleFrame {
	padding: 2px;
	border-radius: 5px;
	border: 3px solid transparent;
}

.tileSizeExampleFrame.selected {
	border-color: #e6a443;
}

.tileSizeExample {
	background-color: #CCC;
	border: 1px solid #4f4f4f;
	border-radius: 3px;
	display: table;
}

.tileSizeExample:hover {
	border-color: #DDD;
	background-color: #DDD;
}

.tileSizeExampleLabel {
	display: table-cell;
	text-align: center;
	vertical-align: middle;
}

.tileSizesList a:hover {
	text-decoration: none;	
}

.rte {
	min-height: 100px;
}

.rte .ui-editor {
	position: relative;
	padding-top: 27px;
	box-sizing: border-box;
	border: 1px solid #dedede;
	border-radius: 0;
} 

.rte .ui-editor-toolbar {
	position: absolute;
	top: 0;
	width: 100%;
}

.portalFormGaps > tbody > tr > td {
	padding: 12px 4px 12px 0
}

.settingsValuesCol {
	width: 800px;
}

.goToParentColumn {
	width: 21px;
	padding: 0 0 0 14px; 
	vertical-align: middle;
	text-align: center;
}

.goToParentColumn a {
	padding: 0;
}

.portal .goToParentFolder {
	font-size: 20px;
	font-weight: normal;
	float: left;
	color: white;
	padding: 0;
	width: 100%;
}

.portal .breadcrumbLink {
	color: #ffffff;
	font-size: 14px;
	margin-left: 4px;
}

.portal .breadcrumbSeparator {
	float: none;
	margin-left: 15px;
	margin-right: 11px;
	line-height: 16px;
}

.tableHeadTable {
	width: 100%;
}

.pathColumn {
	padding: 8px 14px 7px;
}

.displayModeSwitchColumn {
	width: 100px;
	padding: 0;
	vertical-align: middle;
}

.displayModeSwitchColumn table.mobileModeSwitcher td {
	vertical-align: middle;
}

.displayModeSwitchColumn table.mobileModeSwitcher div.ui-inputswitch {
	display: block;
}

.displayModeSwitchColumn table.mobileModeSwitcher div.ui-inputswitch div.ui-inputswitch-on {
	border: none;
	background: white;
}

.displayModeSwitchColumn .ui-state-default{
	background:#f7f7f7;
} 

td.portalEntriesCol .tableHeadWithButtons table.mobileModeSwitcher div.ui-inputswitch{
	margin-top: 1px;
}

.varPickerBtn,
.filePickerBtn {
	border: none !important;
	background-color: #DEDEDE !important;
 	padding: 0;
 	position: relative;
 	top: -1px;
 	left: -15px;
}

.varPickerBtn.ui-state-hover,
.filePickerBtn.ui-state-hover {
	border: none !important;
	background-color: #C5C6C7 !important;
}

.varPickerBtn .ui-button-text,
.filePickerBtn .ui-button-text {
	color: #4F4F4F !important;
	padding: 0 4px;	
}

.varPickerBtnWrapper,
.filePickerBtnWrapper {
	position: absolute;
}


.varPickerGroupList {
	min-width: 800px;
	max-height: 500px;
	overflow: auto;
}

.varPickerGroupList h3.ui-accordion-header{
	background:#2E4D5D;
	color:#FFFFFF;
	font-weight:normal;
}

.varPickerGroupList .ui-accordion-content {
	padding: 5px;
}

.varPickerGroupList dl {
	margin: 5px 0;
}

.varPickerGroupList .varList dl {
	text-align: left;
}

.varPickerGroupList .varList .varCol {
	text-overflow: ellipsis;
	max-width: 500px;
}

.varPickerGroupList .varList .descCol {
	max-width: 500px;
}

.filePickerListWrapper {
	min-width: 600px;
	max-height: 500px;
	overflow: auto;
}

.filePickerListWrapper .fileList .fileCol {
	text-overflow: ellipsis;
	max-width: 500px;
}

.varPickerFooter,
.filePickerFooter {
		margin-top: 10px;
		padding: 0;
		border-width: 1px 0 0 0;
		text-align: left;
		background: #FFFFFF;
}

.variablePickerInput {
	padding-right: 15px;
	width: 289px;
}

.copyButton.fa.fa-copy {
	padding: 5px 4px 0 2px;
	line-height: 14px;
	float: none;
	font-family: FontAwesome !important;
    font-weight: normal;
}

.biFieldValue {
	padding: 2px 6px;
	border: 1px solid #dedede;
	color: #4f4f4f;
	background-color: #e7e7e7;
	min-width: 300px;
	min-height: 18px;
}

.trainingPageFrame {
	border: 0 none;
	width: 100%;
}

.activeBtn.ui-button.ui-state-default {
    background: #2fab6d; /*green*/
    margin: 0;
    border: 0px;
    margin-left: 4px;
    color: white;
    box-shadow: none;
    border-radius: 2px;
    width: 70px;
}
.activeBtn.ui-button.ui-state-hover {
	background: #288a59;	
}

.inactiveBtn.ui-button.ui-state-default {
	background: #677b8f; /*gray*/
	margin: 0;
	border: 0px;
	margin-left: 4px;
	color: white;
    box-shadow: none;
	border-radius: 2px;
	width: 70px;
}

.inactiveBtn.ui-button.ui-state-hover{
	background: #4c5a69;
}

.confirmDialog .ui-icon{
	display: none;
}

.confirmDialog .ui-dialog-content {
	text-align: center;
}

.confirmDialog .ui-confirm-dialog-message{
	margin-top: 25px;
	margin-bottom: 15px;
}

div.syntaxCheckDialog table tr td {
	padding: 1px 6px;
}

.apparoLogFilters {
	margin-bottom: 10px;
}

.logTable .timestampCol {
	width: 140px;
}

.logTable .logLevelCol {
	width: 45px;
}

.logTable .execTimeCol {
	width: 75px;
}

.withTopLine {
	padding-top: 15px;
	margin-top: 15px;
	border-top: 1px solid #677b8f;
}

.withBottomLine {
	padding-bottom: 15px;
	margin-bottom: 15px;
	border-bottom: 1px solid #677b8f;
}

.wholePageTextarea {
	box-sizing: border-box;
	width: 100%;
	overflow: auto;
}


/* excel import using p:fileUpload in BC runtime */

#businessCaseUIFormExcelFileImportDialog\3A fileChooseButton .ui-icon,
#businessCaseUIForm\3A fileChooseButton .ui-icon {
	width: 20px;
	line-height: 14px;
}

#businessCaseUIFormExcelFileImportDialog\3A fileChooseButton .ui-button-text,
#businessCaseUIForm\3A fileChooseButton .ui-button-text {
	padding-left: 32px;
}

#businessCaseUIFormExcelFileImportDialog div.ui-fileupload-buttonbar,
#businessCaseUIFormExcelFileImportDialog button.ui-fileupload-cancel,
#businessCaseUIFormExcelFileImportDialog span.ui-messages-error-detail,
#businessCaseUIForm\3A forcedImportDialogContentPanel div.ui-fileupload-buttonbar,
#businessCaseUIForm\3A forcedImportDialogContentPanel button.ui-fileupload-cancel,
#businessCaseUIForm\3A forcedImportDialogContentPanel span.ui-messages-error-detail {
	display:none;
}

div#businessCaseUIFormExcelFileImportDialog\3A fileUploadForImport .ui-fileupload-files,
#businessCaseUIForm\3A forcedImportDialogContentPanel .ui-fileupload-files {
	margin: 0px;
}

div#businessCaseUIFormExcelFileImportDialog\3A fileUploadForImport .ui-fileupload-row > div {
	padding: 0px;
	display: table-cell;
}

div#businessCaseUIFormExcelFileImportDialog\3A fileUploadForImport .ui-fileupload-row > div.ui-fileupload-filename,
#businessCaseUIForm\3A forcedImportDialogContentPanel .ui-fileupload-row > div.ui-fileupload-filename {
	padding: 10px 20px 10px 0px;
	color: #325f8f;
	font-size: 15px;
}

div#businessCaseUIFormExcelFileImportDialog\3A fileUploadForImport .ui-fileupload-row div.ui-progressbar {
	height: 17px;
	width: 0px;
}

div#businessCaseUIFormExcelFileImportDialog div.ui-messages-error {
	margin: 0px;
}

table.regexHelpTable {
	border-collapse: collapse;
}

table.regexHelpTable td, table.regexHelpTable th {
	padding: 4px;
}

/* RESPONSIVE DESIGN
============================================================================ */

@media (max-width: 767px) {
	.portal div#mainContent{
		margin: 15px !important;
	}
}

@media (min-width: 768px) and (max-width: 991px) {
	
}

@media (min-width: 768px) {
	
}

@media (min-width: 992px) and (max-width: 1199px) {
	
}

@media (min-width: 992px) {
	
}

@media (min-width: 1200px) {
	
}