/* ***************************************************************** */
/*
 * Licensed Materials - Property of IBM
 * 5724-Z10
 * Copyright IBM Corp. 2010, 2025.  All Rights Reserved.
 * US Government Users Restricted Rights - Use, duplication or
 * disclosure restricted by GSA ADP Schedule Contract with IBM Corp.
 */                                                                  
/* ***************************************************************** */






/*** >> XSP BOOTSTRAP MIXIN DECLARATIONS  << ***/

/* dbootstrap font setting occasionally overridden by dojo
Giving it higher piority here */
body.xsp {
    background-color: #FFFFFF;
    color: #333333;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 0.875rem;
    line-height: 1.42857143;
    margin: 0;
}

/* fix link font colour that is incorrect in dbootstrap css */
a {
	color: #337ab7;
	position: relative;
    display: flex;
 /*   padding: 0.625rem 0.938rem;*/
    margin-right: 0.125rem;
    line-height: 1.42857143;
    border: 0.063rem solid transparent;
    border-radius: 0.063rem 0.063rem 0 0;
}

.xspInputFieldEditBox[role="combobox"]{
	overflow: hidden;
	position: relative;
	height: 1.75rem !important;
	width: 13.625rem;
}
select.form-control {
	outline: 0rem none;
}

/* styling of icons in date/ time pickers */

.xspInputFieldDatePickerIcon,
.xspInputFieldTimePickerIcon,
.xspInputFieldDateTimePickerIcon{
	/*height: 0.875rem;
    width: 0.875rem;
    */
    height: 1rem;
    width: 1rem;
	border: none !important;
	box-shadow: none !important;
	padding: 0rem !important;
	cursor: pointer !important;
	background-color: rgba(0, 0, 0, 0);
	margin-top: 0rem;
	margin-left: -0.25rem;
}

/* TODO replace these background-image icons with font-awesome font icons*/
.xspInputFieldDateTimePickerIcon{
	/*background-image: url("/xsp/.ibmxspres/.extlib/responsive/bootstrap4/xpages/img/calendar-alt.png");
	background-position: center;
	content:"\f073";
	background-size: 0.75rem 0.75rem;*/
	
  font-family: 'Font Awesome\ 5 free';
  content: "\f073";
  font-weight: normal;
  color: #DDDDDD;
  position: relative;
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path d="M148 288h-40c-6.6 0-12-5.4-12-12v-40c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12zm108-12v-40c0-6.6-5.4-12-12-12h-40c-6.6 0-12 5.4-12 12v40c0 6.6 5.4 12 12 12h40c6.6 0 12-5.4 12-12zm96 0v-40c0-6.6-5.4-12-12-12h-40c-6.6 0-12 5.4-12 12v40c0 6.6 5.4 12 12 12h40c6.6 0 12-5.4 12-12zm-96 96v-40c0-6.6-5.4-12-12-12h-40c-6.6 0-12 5.4-12 12v40c0 6.6 5.4 12 12 12h40c6.6 0 12-5.4 12-12zm-96 0v-40c0-6.6-5.4-12-12-12h-40c-6.6 0-12 5.4-12 12v40c0 6.6 5.4 12 12 12h40c6.6 0 12-5.4 12-12zm192 0v-40c0-6.6-5.4-12-12-12h-40c-6.6 0-12 5.4-12 12v40c0 6.6 5.4 12 12 12h40c6.6 0 12-5.4 12-12zm96-260v352c0 26.5-21.5 48-48 48H48c-26.5 0-48-21.5-48-48V112c0-26.5 21.5-48 48-48h48V12c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v52h128V12c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v52h48c26.5 0 48 21.5 48 48zm-48 346V160H48v298c0 3.3 2.7 6 6 6h340c3.3 0 6-2.7 6-6z"/></svg>');
  font-size: 24pt;
  background-size: 0.938rem 0.938rem;
  background-repeat: no-repeat;
}
.xspInputFieldDatePickerIcon{
	/*background-image: url("/xsp/.ibmxspres/.extlib/responsive/xpages/img/glyphicons-halflings.png");
	background-position: -192px -120px;*/
/*	background-image: url("/xsp/.ibmxspres/.extlib/responsive/bootstrap4/xpages/img/calendar-alt.png");
	background-position: center;
	background-size: 0.75rem 0.75rem;*/
	
  font-family: 'Font Awesome\ 5 free';
  content: "\f073";
  font-weight: normal;
  color: #DDDDDD;
  position: relative;
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path d="M148 288h-40c-6.6 0-12-5.4-12-12v-40c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12zm108-12v-40c0-6.6-5.4-12-12-12h-40c-6.6 0-12 5.4-12 12v40c0 6.6 5.4 12 12 12h40c6.6 0 12-5.4 12-12zm96 0v-40c0-6.6-5.4-12-12-12h-40c-6.6 0-12 5.4-12 12v40c0 6.6 5.4 12 12 12h40c6.6 0 12-5.4 12-12zm-96 96v-40c0-6.6-5.4-12-12-12h-40c-6.6 0-12 5.4-12 12v40c0 6.6 5.4 12 12 12h40c6.6 0 12-5.4 12-12zm-96 0v-40c0-6.6-5.4-12-12-12h-40c-6.6 0-12 5.4-12 12v40c0 6.6 5.4 12 12 12h40c6.6 0 12-5.4 12-12zm192 0v-40c0-6.6-5.4-12-12-12h-40c-6.6 0-12 5.4-12 12v40c0 6.6 5.4 12 12 12h40c6.6 0 12-5.4 12-12zm96-260v352c0 26.5-21.5 48-48 48H48c-26.5 0-48-21.5-48-48V112c0-26.5 21.5-48 48-48h48V12c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v52h128V12c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v52h48c26.5 0 48 21.5 48 48zm-48 346V160H48v298c0 3.3 2.7 6 6 6h340c3.3 0 6-2.7 6-6z"/></svg>');
  font-size: 24pt;
  background-size: 0.938rem 0.938rem;
  background-repeat: no-repeat;
}
.xspInputFieldTimePickerIcon{
	/*background-image: url("/xsp/.ibmxspres/.extlib/responsive/xpages/img/glyphicons-halflings.png");
	background-position: -3rem -1.5rem;*/
	/*background-image: url("/xsp/.ibmxspres/.extlib/responsive/bootstrap4/xpages/img/clock.png");
	background-position: center;
	content:"\f073";
	background-size: 0.75rem 0.75rem;*/
	
  font-family: 'Font Awesome\ 5 free';
  content: "\f017";
  font-weight: normal;
  color: #DDDDDD;
  position: relative;
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm0 448c-110.5 0-200-89.5-200-200S145.5 56 256 56s200 89.5 200 200-89.5 200-200 200zm61.8-104.4l-84.9-61.7c-3.1-2.3-4.9-5.9-4.9-9.7V116c0-6.6 5.4-12 12-12h32c6.6 0 12 5.4 12 12v141.7l66.8 48.6c5.4 3.9 6.5 11.4 2.6 16.8L334.6 349c-3.9 5.3-11.4 6.5-16.8 2.6z"/></svg>');
  font-size: 24pt;
  background-size: 0.938rem 0.938rem;
  background-repeat: no-repeat;
}
/* Dojo popups z-index fix */
.xsp .dijitPopup{
	z-index: 1050 !important;
}

/* fix for combo boxes in RT editor in Bootstrap 3 */
.cke *, .cke_editor * {
        box-sizing:content-box;
   -moz-box-sizing:content-box;
    -ms-box-sizing:content-box;
-webkit-box-sizing:content-box;
}

/** Picker dialogs and icons **/
/* normal font weight for checkboxes in pickers */
.xspPickerList label.xspPickerSpan {
	font-weight: normal;
}
/* fix alignment for checkboxes in pickers */
.xspPickerList input[type="checkbox"] {
	vertical-align: middle;
}
/* adjust padding on picker link */
.xspPickerLink{
	padding: 0.375rem;
}
/* font-awesome adjustments for value/name picker and search boxes*/
/*.xspPickerLink.glyphicon-user,
.xspPickerLink.glyphicon-search,
.xsp .xspPickerSearchOption .glyphicon-search,
.xsp .applayout-searchbar .glyphicon-search,
.xsp .input-group .glyphicon-search{
	font-size: 0.875rem;
	top: 0.125rem;
	margin-right:0rem;
}*/

.input-group-btn {
  position: relative;
  font-size: 0;
  white-space: nowrap;
}

.input-group-addon, .input-group-btn {
  width: 1%;
  white-space: nowrap;
  vertical-align: middle;
}
.input-group .form-control, .input-group-addon, .input-group-btn {
  display: table-cell;
}

.input-group {
  position: relative;
  display: table;
  border-collapse: separate;
}

.input-group .form-control {
  position: relative;
  z-index: 2;
  float: left;
  width: 100%;
  margin-bottom: 0;
}

.input-group-btn:last-child .btn, .input-group-btn:last-child .btn-group {
  z-index: 2;
  margin-left: -0.063rem;
}

.navbar-search .input-group-btn:last-child .btn {
  margin-right: 0.375rem;
}

.input-group-btn .btn {
  position: relative;
}

.input-group .form-control:last-child, .input-group-addon:last-child, .input-group-btn:first-child .btn-group:not(:first-child) .btn, .input-group-btn:first-child .btn:not(:first-child), .input-group-btn:last-child .btn, .input-group-btn:last-child .btn-group .btn, .input-group-btn:last-child .dropdown-toggle {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
	
.input-group .form-control:first-child, 
.input-group-addon:first-child, 
.input-group-btn:first-child .btn, 
.input-group-btn:first-child .btn-group .btn, 
.input-group-btn:first-child .dropdown-toggle, 
.input-group-btn:last-child .btn-group:not(:last-child) .btn, 
.input-group-btn:last-child .btn:not(:last-child):not(.dropdown-toggle) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.applayout-searchbar select {
  margin-right: 0.438rem;
}
select.form-control {
  outline: 0rem none;
}	

.input-group .form-control:not(:first-child):not(:last-child), 
.input-group-addon:not(:first-child):not(:last-child), 
.input-group-btn:not(:first-child):not(:last-child) {
  border-radius: 0;
}

.input-group-btn .btn-secondary {
  margin-top: 0rem;
  margin-bottom: 0rem;
}
.input-group-btn.btn {
  position: relative;
}

.xspPickerLink.fa-user, 
.xspPickerLink.fa-search, 
.xsp .xspPickerSearchOption .fa-search, 
.xsp .applayout-searchbar .fa-search, .xsp .input-group .fa-search {
  /*font-size: 0.938rem;*/
  margin-right: 0rem;
  background-size: 0.938rem 0.938rem;
 /*   background-repeat: no-repeat;*/
  background-position: center;
}

.fa-search {
  background-repeat: no-repeat;
 /* background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M505 442.7L405.3 343c-4.5-4.5-10.6-7-17-7H372c27.6-35.3 44-79.7 44-128C416 93.1 322.9 0 208 0S0 93.1 0 208s93.1 208 208 208c48.3 0 92.7-16.4 128-44v16.3c0 6.4 2.5 12.5 7 17l99.7 99.7c9.4 9.4 24.6 9.4 33.9 0l28.3-28.3c9.4-9.4 9.4-24.6.1-34zM208 336c-70.7 0-128-57.2-128-128 0-70.7 57.2-128 128-128 70.7 0 128 57.2 128 128 0 70.7-57.2 128-128 128z"/></svg>'); */
}

.applayout-titlebar .fas {
  position: relative;
  top: 0.063rem;
 /* main display: block; */
  display: inline-block;
  font-style: normal;
  font-weight: 400;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.navbar-search .input-group-btn:last-child > .btn{
	/*margin-right: 6px;*/
  .mr-1 {
    margin-right: ($spacer * .25) !important;
  }
}

.input-group[class*=col-] {
  float: none;
  padding-right: 0;
  padding-left: 0;
}

@media (min-width: 992px) {
  .col-md-4 {
    width: 33.33333333%;
  }
}

.xspPickerLink.glyphicon-user:focus,.xspPickerLink.glyphicon-user:hover{
	text-decoration: none;
}
.form-inline .control-label{
	display:inline-block;
}

/* Dialog */
.modal form{
    margin: 0;
}

.modal {
    right: 0;
}

.dijitDialogUnderlayWrapper {
    z-index: 1040 !important;
}

/* picker styles */
.xspPickerBody {
	margin:0;
	padding:0;
	background:#fff;
	width: 100%;
}
.xspPickerItem {
	margin:0;
	user-select: none;
	-moz-user-select: none;
	-webkit-user-select: none;
}
.xspPickerItem:hover {
	background:#eeeeee;
}
.xspPickerItem.xspPickerItemSelected {
	background:#337ab7;
	color: white;
}
.xspPickerBody li {
	padding:0.125rem 0.125rem 0.125rem 0.125rem;
}
.xspPickerSearchLabel{
	width: 15%;
	min-width:4.375rem;
}
.xspPickerSearchOption .input-group{
	width:100%;
}
.xspPickerSearchOption .input-group > input{
	width:100%;
}
.xspPickerSearchOption .input-group .input-group-btn{
	width:1%;
}

.xspPickerBodyWrapper {
    border:0.063rem solid #b7b7b7;
    cursor:pointer;
    overflow:auto;
    overflow-x:hidden;
    -moz-scrollbars-horizontal:none
}

.xspPickerItem.xspPickerItemSelected{
    outline: 0.063rem dotted #555;
}
.xspPickerBody:focus {
    outline:0rem none;
}

/* Responsive picker classes */
.xsp-responsive-modal {
    display: block;
    width: auto;
    left: 0 !important;
    top:0 !important;
    z-index: 1050 !important;
}

@media (min-width: 768px) {
 .modal-dialog {
    width: 37.5rem;
    margin: 1.875rem auto;
 }
}

.modal-dialog {
    width: 37.5rem;
    margin: 1.875rem auto;
}

.modal-header {
    padding: 0.938rem;
    border-bottom: 0.063rem solid #e5e5e5;
    position: relative;
	display: block;
}

.modal-header:after {
    display: table;
    content: " ";
	clear: both;
}


.modal-header:before {
    display: table;
    content: " ";
}

.modal-title {
    position: absolute;
    margin: 0;
}
.container-fluid:before{
    display: table;
    content: " ";
}

.container-fluid:after {
    clear: both;
	display: table;
    content: " ";
}

/* override dojo styles on container element */
.xsp-responsive-modal .xsp-responsive-modal-container{
    width: auto !important;
    height: auto !important;
    overflow: visible !important;
}
.xsp-responsive-modal .modal-body,
.xsp-responsive-modal .modal-footer{
    padding: 0.625rem;
}
.xsp-responsive-modal .xspPickerNameList,
.xsp-responsive-modal .xspPickerValueList,
.xsp-responsive-modal .xspPickerCheckboxList{
    height: 20em;
}
.xsp-responsive-modal .xspPickerValueList{
	margin-bottom:0.625rem;
}
.xsp-responsive-modal .xspPickerCheckboxList{
    padding: 0.313rem;
}
.xsp-responsive-modal .xspPickerNameListLeft{
	padding-right:0rem;
	margin-bottom:0.625rem;
}
.xsp-responsive-modal .xspPickerNameListRight{
    padding-left:0rem;
    margin-bottom:0.625rem;
}
.xsp-responsive-modal .xspPickerSearchOption .xspPickerSearchLabel{
    width: 20%;
    min-width:4.875rem;
    margin-bottom: 0rem;
    margin-top: 0.313rem;
}
.xsp-responsive-modal .xspPickerSearchOption .xspPickerSearchField{
    width:75%;
    float:right;
    margin-bottom: 0.375rem;
}
.xsp-responsive-modal .xspPickerInputText {
    font-weight: bold;
    padding: 0.625rem 0rem;
    display: inline-block;
}
.xsp-responsive-modal .xspPickerNameAdd .xspPickerButton{
    margin-top: 9em;
}
.xsp-responsive-modal .xspPickerNameAdd {
    text-align:center;
}
.xsp-responsive-modal .xspPickerSearchOption .input-group .input-group-btn{
    width:1%;
}
.xsp-responsive-modal .xspPickerInput {
    margin: 0;
    vertical-align:middle;
}

.xsp-responsive-modal .xspPickerSpan {
	margin:0.125rem 0.25rem;
}

.xsp-responsive-modal .xspPickerHr {
	margin-top:0.313rem;
	margin-bottom:0.625rem;
}
.xsp-responsive-modal .modal-content {
    max-height: 95vh;
    overflow: hidden;
    overflow-y: auto;
}
/* responsive picker styles for xs screens */
@media (max-width: 767px) {
    .xsp-responsive-modal {
        margin-left: 0rem;
        left: 0 !important;
        top: 0 !important;
    }
    .xsp-responsive-modal .xspPickerNameList {
        height: 10em;
    }
    .xsp-responsive-modal .xspPickerNameListLeft{
        padding-right:0.938rem;
    }
    .xsp-responsive-modal .xspPickerNameListRight{
        padding-left:0.938rem;
        margin-top:0.625rem;
    }
    .xsp-responsive-modal .xspPickerSearchOption .xspPickerSearchField{
        width:70%;
    }
    
    .xsp-responsive-modal .modal-content {
	    max-width: 95vw;
    }
	.xsp-responsive-modal .xspPickerNameAdd .xspPickerButton{
	    margin-top: 0;
	}
}

/** djListTextBox */
.xspFilter{
	background-color: #FFFFFF;
	border: 0.063rem solid #DDDDDD;
	border-radius: 0.938rem;
	display: inline-block;
	padding: 0.188rem 0.625rem;
	margin:0.375rem 0.125rem;
}
.xspFilter, .xspClose{
	color: #337ab7;
	text-decoration: none;
}
.xspClose {
	margin-left: 0.5rem;
	font-weight:bold;
}

/***********************************************************************	
	Bootstrap styles used by extlib XPages controls
***********************************************************************/

/* Application Layout*/
.applayout-main {	
}
.applayout-content {
	padding: 0.625rem;
}
.applayout-column-left {
	padding: 0.625rem 0.375rem;
}
.applayout-column-right {
	padding: 0.625rem 0.375rem;
}
.applayout-footer {
  display: table; 
  margin-left: auto; 
  margin-right: auto; 
  text-align: center;
  /*position: relative;
  min-height: 3.125rem;
  margin-bottom: 1.875rem;
  border: 0.063rem solid transparent;*/
}

/* Footer padding fix */
.navbar-light.navbar-bottom li a {
    padding: 0rem;
}

.applayout-legal {
}
.applayout-searchbar {	
	margin-top: 0.313rem;
	margin-bottom: 0.313rem;
}
.applayout-searchbtn {
	z-index: 5;
	height: 2.125rem;
}
.applayout-banner-container .applayout-searchbar {	
	margin-top: 0.5rem;
	margin-bottom: 0.5rem;
}
.applayout-searchbar select {
	margin-right: 0.438rem;
}
.applayout-main .navbar.applayout-titlebar {
	z-index: 995;
	margin-bottom: 0;
	/*.mb-0 {
      margin-bottom: 0 !important;
    }*/
}
.applayout-titlebar-border {
	border: 0.063rem solid #DDDDDD;
}
.applayout-titlebar-tabs {	
	margin: 0.25rem 0 0 0;
	padding-top: 0.188rem;
	/*border: 0.063rem solid #dee2e6*/
}
.applayout-titlebar-name {
	margin: 0 1.875rem;
	padding-top: 0.625rem;
	line-height: 1.25rem;
	float: left;
}
.applayout-titlebar-name.applayout-titlebar-name-padding{
	line-height: 1.875rem;
}
/*.applayout-titlebar-inner ul:nth-child(2) li {
	margin-left: 0.75rem;
}*/

.applayout-titlebar-inner ul:nth-child(2) nav-item {
	margin-left: 0.75rem;
}

.applayout-titlebar-inner h4:nth-child(2) {
	margin-left: 0.75rem;
}

.applayout-banner {	
  margin-bottom: 0rem;
  min-height: 1.25rem;
  border-radius: 0rem;
  height: 0rem;
}
/*
@media (min-width: 768px) {
  .navbar-right {
    float: right!important;
    margin-right: -0.938rem;
  }
}*/

.xsp .navbar.applayout-placebar {
	vertical-align: middle;
	margin-bottom: 0rem;
	/*.mb-0 {
      margin-bottom: 0 !important;
    }*/
  	min-height: 1.25rem;
  	z-index: 994;
  	border-bottom-width: 0.063rem;
  	border-color: #DDDDDD;
 }
.applayout-placebar-title {
	float: left;
	padding: 0.5rem;
}
.applayout-placebar-title h3 {
	margin: 0.313rem 0 0 0.938rem;
	line-height: 1.1;
	font-weight: 500;
}
/*.applayout-placebar-actions {
	margin-bottom: 0rem;
	padding: 0.5rem;
	min-height: 0rem;
}*/

.navbar.applayout-placebar-actions {
  margin-bottom: 0rem;
  padding: 0.5rem;
  min-height: 0rem;
}

.applayout-placebar-actions .btn-secondary{
	margin-bottom: 0rem;
}

@media only screen and (max-width : 767px) {
	.applayout-titlebar-name{
		float: none;
	}
}
/*@media only screen and (min-width : 768px) {
	.applayout-titlebar-tabsarea{
		float: left;
		width: inherit;
	}
}*/

@media only screen and (min-width : 768px) {
  .applayout-titlebar-tabsarea {
    float: none;
  }
}
/* for app 2 but breaking the UI in app 1 nav tab*/
@media (min-width: 992px) {
  .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9 {
    -ms-flex: 0 0 83.333333%;
    /* flex: 0 0 83.333333%; */
    /* max-width: 83.333333%; */
    float: left;
  }
} 

@media (min-width: 768px) {
  .col-sm-12 {
    width: 100%;
    float: none;
  }
}

@media (min-width: 768px) {
.col-sm-9 {
    width: 75%;
}
}
/*
@media (min-width: 768px) {
.col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9 {
    float: left;
}
}*/

.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col,
.col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm,
.col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md,
.col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg,
.col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8, .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl,
.col-xl-auto {
  position: relative;
  min-height: 0.063rem;
  padding-right: 0.938rem;
  padding-left: 0.938rem;
}
/*
@media (min-width: 992px) {
  .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9 {
    float: left;
  }
}*/

@media (min-width: 992px) {
  .col-md-10 {
    width: 83.33333333%;
  }
}

.tab-panel {
  margin: 0.625rem;
  display: flow-root;
}

.dashlayout-footer {
	padding: 0rem 0.625rem 0.625rem 0.625rem;
	text-align: center;
}
/* CheckBox & Radio Buttons*/

.checkbox, .radio {
  position: relative;
  display: block;
  margin-top: 0.625rem;
  margin-bottom: 0.625rem;
}

.checkbox label, .radio label {
    min-height: 1.25rem;
    padding-left: 1.25rem;
    margin-bottom: 0;
    font-weight: 400;
    cursor: pointer;
}

label {
  display: inline-block;
  max-width: 100%;
  margin-bottom: 0.313rem;
  font-weight: 700;
}

.radio label input[type="radio"] {
  margin-top: 0.188rem;
}

.checkbox input[type=checkbox], .checkbox-inline input[type=checkbox], .radio input[type=radio], .radio-inline input[type=radio] {
    position: absolute;
    margin-top: 4px\9;
    margin-left: -1.25rem;
}
input[type=checkbox], input[type=radio] {
    margin: 0.25rem 0 0;
    margin-top: 1px\9;
    line-height: normal;
}
input[type=checkbox], input[type=radio] {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0;
}
button, input, select, textarea {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
}
input {
    line-height: normal;
}
button, input, optgroup, select/*, textarea*/ {
    margin: 0;
    font: inherit;
    color: inherit;
}

textarea.form-control {
  line-height: inherit;
}

/* Data view V4 */

.pull-right {
  float: right!important;
}

.pull-left {
    float: left!important;
}

.table thead tr th {
  vertical-align: bottom;
  border-bottom: 0.125rem solid #ddd;
}

.panel-title {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 1rem;
  color: inherit;
}

.panel-heading {
  padding: 0.531rem 0.75rem;
}

.fa-chevron-down {
/*  color: #DDDDDD;
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path d="M207.029 381.476L12.686 187.132c-9.373-9.373-9.373-24.569 0-33.941l22.667-22.667c9.357-9.357 24.522-9.375 33.901-.04L224 284.505l154.745-154.021c9.379-9.335 24.544-9.317 33.901.04l22.667 22.667c9.373 9.373 9.373 24.569 0 33.941L240.971 381.476c-9.373 9.372-24.569 9.372-33.942 0z"/></svg>');
  font-size: 24pt; */
  position: relative;
  background-size: 0.938rem 0.938rem;
  background-repeat: no-repeat;
  font-size: 0.844rem;
  font-weight: 900;
  top: 0.125rem;
  -webkit-text-stroke: 0.069rem;
  padding: 0.063rem 0.438rem;
}

span.far.fa-plus-square:before {
  content: "\f0fe";
}

/* ExtLib Date Sorting with FontAwesome **/
/*
.fa-sort {
  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512"><path d="M41 288h238c21.4 0 32.1 25.9 17 41L177 448c-9.4 9.4-24.6 9.4-33.9 0L24 329c-15.1-15.1-4.4-41 17-41zm255-105L177 64c-9.4-9.4-24.6-9.4-33.9 0L24 183c-15.1 15.1-4.4 41 17 41h238c21.4 0 32.1-25.9 17-41z"/></svg>');
}
*/
/*
.fa-sort-amount-down-alt {
   background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M240 96h64a16 16 0 0 0 16-16V48a16 16 0 0 0-16-16h-64a16 16 0 0 0-16 16v32a16 16 0 0 0 16 16zm0 128h128a16 16 0 0 0 16-16v-32a16 16 0 0 0-16-16H240a16 16 0 0 0-16 16v32a16 16 0 0 0 16 16zm256 192H240a16 16 0 0 0-16 16v32a16 16 0 0 0 16 16h256a16 16 0 0 0 16-16v-32a16 16 0 0 0-16-16zm-256-64h192a16 16 0 0 0 16-16v-32a16 16 0 0 0-16-16H240a16 16 0 0 0-16 16v32a16 16 0 0 0 16 16zm-64 0h-48V48a16 16 0 0 0-16-16H80a16 16 0 0 0-16 16v304H16c-14.19 0-21.37 17.24-11.29 27.31l80 96a16 16 0 0 0 22.62 0l80-96C197.35 369.26 190.22 352 176 352z"/></svg>');
}
*/
/*
.fa-sort-amount-down {
   background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><path d="M304 416h-64a16 16 0 0 0-16 16v32a16 16 0 0 0 16 16h64a16 16 0 0 0 16-16v-32a16 16 0 0 0-16-16zm-128-64h-48V48a16 16 0 0 0-16-16H80a16 16 0 0 0-16 16v304H16c-14.19 0-21.37 17.24-11.29 27.31l80 96a16 16 0 0 0 22.62 0l80-96C197.35 369.26 190.22 352 176 352zm256-192H240a16 16 0 0 0-16 16v32a16 16 0 0 0 16 16h192a16 16 0 0 0 16-16v-32a16 16 0 0 0-16-16zm-64 128H240a16 16 0 0 0-16 16v32a16 16 0 0 0 16 16h128a16 16 0 0 0 16-16v-32a16 16 0 0 0-16-16zM496 32H240a16 16 0 0 0-16 16v32a16 16 0 0 0 16 16h256a16 16 0 0 0 16-16V48a16 16 0 0 0-16-16z"/></svg>');
}
*/

.clearfix:before {
  display: table;
  content: " ";
}

/* For check box group*/
a {
  display: inline;
}

.table caption+thead tr:first-child td,
.table caption+thead tr:first-child th,
.table colgroup+thead tr:first-child td,
.table colgroup+thead tr:first-child th,
.table thead:first-child tr:first-child td,
.table thead:first-child tr:first-child th {
  border-top: 0;
}

.radio td, .checkbox td {
    padding-left: 1.25rem;
}

td, th {
  padding: 0;
}

/* table */
.xsp .table {
	margin-bottom: 0rem;
}

select[multiple], select[size] {
  height: auto;
}

table {
  boarder-spacing: 0;
  background-color: transparent;
}

th {
  text-align: left;
}

img {
  vertical-align: middle;
  border-style: none;
  border: 0;
}

.table .table {
  background-color: #fff;
}

.table {
  max-width: 100%; 
  /*width: auto;*/
}

a:focus {
  outline: 0.313rem auto -webkit-focus-ring-color;
  outline-offset: -0.125rem;
}

a:not([href]):hover {
    color: #0074ad;
    text-decoration: underline;
}

.form-control {
    display: block;
    width: 100%;
    height: calc(1.5em + .75rem + 2px);
    padding: .375rem .75rem;
    font-size: 0.875rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 0.063rem solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.nav-search-panel {
	margin-left: 0.5rem;
}

/* file upload/download */
/* fix browse button in file upload on Firefox */
input[type="file"].form-control {
	height: auto;
}
.table.xspDataTableFileDownload img{
	margin: 0rem 0.25rem;
}

.table.xspDataTableFileDownload tbody td{
	padding: 0.313rem !important;
}

/* Widgets */
.widget-section-scroll {
	text-align: center;
}
.widget-section-arrow {
	margin: auto;
	color: #337ab7;
}
.xspWidgetContainer.panel{ 
	box-shadow: 0 0.063rem 0.125rem rgba(0, 0, 0, 0.3);
	border-width: 0rem;
}
.xspWidgetContainer .xspWidgetBody{
	padding: 0.375rem 0.75rem;
}
.xspWidgetHeader{
	border-bottom: 0.063rem solid #DDDDDD;
	padding-bottom: 0.375rem;
	margin-bottom: 0.375rem;
}
.xspWidgetContainer .panel-heading {
	background-color: #F5F5F5;
	border-bottom: 0.063rem solid #DDDDDD;
}
.xspWidgetContainer .panel-heading .glyphicon-chevron-down,
.xspWidgetContainer .panel-heading .glyphicon-chevron-right{
	padding-right: 0.375rem;
	padding-top: 0.125rem;
}

/* Form Table */
.xspFormTableContainer {
	margin: 0.5rem 0rem;
}
.xspFormTableContainer .form-table-legend {
	margin: 0rem;
	border-bottom: 0.063rem solid #ccc;
}
.xspFormTableContainer .row .row,
.xspFormTableContainer .form-group {
	margin-bottom: 0.5rem;
}
@media (min-width: 768px) {
	.xspFormTableContainer .form-group label,
	.xspFormTableContainer .xspFormTableRowData,
	.xspFormTableContainer .xspFormTableRowHelp{
		padding-top: 0.438rem;
	}
	.xspFormTableContainer .xspFormTableRowData > input[type="text"],
	.xspFormTableContainer .xspFormTableRowData > input[type="password"],
	.xspFormTableContainer .xspFormTableRowData > input[type="file"]{
		margin-top: -0.438rem;
	}
}
.xspFormTableContainer .xspFormTableRowData .radio,
.xspFormTableContainer .xspFormTableRowData .radio label,
.xspFormTableContainer .xspFormTableRowData .checkbox,
.xspFormTableContainer .xspFormTableRowData .checkbox label{
	padding-top: 0rem;
}
.xspFormTableContainer .form-title .form-title-meta,
.xspFormTableContainer .form-title .form-alt-text{
	color: #666;
}
.xspFormTableContainer .form-title .form-title-meta{
	font-size: 0.875rem;
	margin-top: 0.25rem;
}
.xspFormTableContainer .alert{
	margin-bottom: 0rem;
}
.xspFormTableContainer .alert .text-error {
	font-weight: bold;
	margin-left: -0.625rem;
}
.xspFormTableContainer .form-horizontal .control-label {
	text-align: left;
}
.has-error .text-error {
	color: #A94442;
}

/* Navigator */
.navigator-twisty {
	padding: 0;
	border: 0;
}
/* form controls */
.form-control:focus {
	outline: 0rem none;
}

/*disabled navigation links*/
.navbar-inverse .navbar-nav .disabled a,
.navbar-inverse .navbar-nav .disabled a:hover,
.navbar-inverse .navbar-nav .disabled a:focus {
	color: #666;
}

/*Bootstrap relies on the href attribute on a's to show the correct cursor: fix for XPage pagination that by default doesn't have that*/
.nav, .pagination, .carousel a {
	cursor: pointer;
}

/* Submenu don't exist any more in BS 3 - adding them here - Also need some custome JS (see xpagesxxx.js*/
.dropdown-submenu{position:relative;}
.dropdown-submenu .dropdown-menu{top:0;left:100%;margin-top:-0.375rem;margin-left:-0.063rem;-webkit-border-radius:0 0.375rem 0.375rem 0.375rem;-moz-border-radius:0 0.375rem 0.375rem 0.375rem;border-radius:0 0.375rem 0.375rem 0.375rem;}
.dropdown-submenu a:after{display:block;float:right;width:0;height:0;border-color:transparent;border-style:solid;border-width:0.313rem 0 0.313rem 0.313rem;border-left-color:#000000;margin-top:0.313rem;margin-right:-0.625rem;}
.dropdown-submenu.pull-left{float:none;}.dropdown-submenu.pull-left .dropdown-menu{left:-100%;margin-left:0.625rem;-webkit-border-radius:0.375rem 0 0.375rem 0.375rem;-moz-border-radius:0.375rem 0 0.375rem 0.375rem;border-radius:0.375rem 0 0.375rem 0.375rem;}
.btn-group.open .dropdown-submenu .dropdown-toggle{box-shadow:none;}


.dropdown-menu .divider {
    height: 0.063rem;
    margin: 0.563rem 0;
    overflow: hidden;
    background-color: #e5e5e5;
}

 

.dropdown-menu li a {
    display: block;
    padding: 0.188rem 1.25rem;
    clear: both;
    font-weight: 400;
    line-height: 1.42857143;
    color: #333;
    white-space: nowrap;
    text-decoration: none;
}

.applayout-main .nav-item a:hover {
    background-color: #e5e5e5;
}

.flex-column li+li {
  margin-left: 0;
  margin-top: 0.125rem;
}

.flex-column li {
  float: none;
}

[role=button] {
  cursor: pointer;
}

/*margin between icons and text in buttons*/
.btn .fa {
	margin-right: 0.25rem;
}

/* pxoving this style. Containing elements should handle padding/margin */
/*.btn-secondary {
	margin-bottom: 0.313rem;
}*/

.input-group-btn .btn-secondary {
	margin-top: 0rem;
	margin-bottom: 0rem;
}

.btn-secondary.active.focus, .btn-secondary.active:focus, .btn-secondary.active:hover, .btn-secondary:active.focus, .btn-secondary:active:focus, .btn-secondary:active:hover, .open .dropdown-toggle.btn-secondary.focus, .open .dropdown-toggle.btn-secondary:focus, .open .dropdown-toggle.btn-secondary:hover {
  color: #333;
  background-color: #d4d4d4;
  border-color: #8c8c8c;
}

.btn-group .btn-group:last-child:not(:first-child) .btn:first-child {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}

.btn-group.open .dropdown-toggle {
    -webkit-box-shadow: inset 0 0.188rem 0.313rem rgba(0,0,0,.125);
    box-shadow: inset 0 0.188rem 0.313rem rgba(0,0,0,.125);
}

.btn-group .dropdown-toggle:active, .btn-group.open .dropdown-toggle {
    outline: 0;
}
.btn-group .btn:first-child {
    margin-left: 0;
}

.btn-secondary.active, .btn-secondary:active, .open .dropdown-toggle.btn-secondary {
    background-image: none;
}
.btn-secondary.active, .btn-secondary:active, .open .dropdown-toggle.btn-secondary {
    color: #333;
    background-color: #e6e6e6;
    border-color: #adadad;
}
.applayout-placebar-actions .btn-secondary {
    margin-bottom: 0rem;
}

.btn-secondary:focus, .btn-secondary:hover {
    background-color: #e0e0e0;
    background-position: 0 -0.938rem;
}
.btn-group-vertical .btn, .btn-group .btn {
    position: relative;
    float: left;
}
.dropdown-toggle:focus {
    outline: 0;
}

.btn-group .btn+.btn, .btn-group .btn+.btn-group, .btn-group .btn-group+.btn, .btn-group .btn-group+.btn-group {
  margin-left: -0.063rem;
}

.btn-group, .btn-group-vertical {
  position: relative;
  display: inline-block;
  vertical-align: middle;
}

@media (min-width: 768px) {
  .ml-auto .dropdown-menu {
    right: 0;
    left: auto;
}
}

.open .dropdown-menu {
    display: block;
}

.btn-secondary:hover {
    color: #333;
    background-color: #e6e6e6;
    border-color: #adadad;
}
.btn-secondary.focus, .btn-secondary:focus {
    color: #333;
    background-color: #e6e6e6;
    border-color: #8c8c8c;
}
.btn.focus, .btn:focus, .btn:hover {
    color: #333;
    text-decoration: none;
}
.btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus {
    outline: 0.313rem auto -webkit-focus-ring-color;
    outline-offset: -0.125rem;
}
 
/*class to use for icon-only buttons*/
.btn.btn-icon .fa {
	margin-right: 0;
}

/*hide the tooltip when not hovered*/
.tooltip {
	/*top: -10000px;*/
	top: -625rem;
	width: auto !important;	
}

.tooltip .tooltip-inner {
    max-width: none;
    background-color: #000 !important;
    border-radius: 0.25rem;
    color: #fff !important;
    padding: 0.188rem 0.5rem;
}

/*Priyanka ToolTip Fontcolor Fix*/

.tooltip .tooltip-inner .table {
	
    color: #fff !important;
    background-color: #000 !important;
}

/* Display Error Message/Messages */
/* pxove bullet point icons */
.alert.alert-warning,
.alert.alert-warning ul,
.alert.alert-danger,
.alert.alert-danger ul{
	list-style-type: none;
}
/* pxove the margin for normal displayError controls
contained in a span. Leaving it in for other use cases */
span .alert.alert-warning,
span .alert.alert-warning ul,
span .alert.alert-danger,
span .alert.alert-danger ul{
	margin-bottom: 0rem;
}

.alert.alert-warning,
.alert.alert-danger {
	display: block;
}

/* Tab Panel */
.tab-panel{
	margin: 0.625rem;
}

/** Navigator **/
.navigator-twisty.fa-plus-square,
.navigator-twisty.fa-minus-square {
	font-size: 11pt;
	margin-right: 0.375rem;
	width:auto;
	color: #337ab7;
	display: block;
    float: left;
    padding: 0.75rem 0;
}
/* padding for menu items */
.nav.nav-pills li a {
	padding-left: 1.375rem;
}
.nav.nav-pills li.active a {
    border: 0.0625rem solid #337ab7
}

/* Container Control Panel */
.nav-pills li+li {
  margin-left: 0.125rem;
}

/*
.nav-pills li {
  float: left;
}*/

@media (min-width: 992px) {
  .col-md-8 {
    width: 66.66666667%
  }
}

@media (min-width: 992px) {
.col-md-2 {
  width: 16.66666667%;
}
}
/*
@media (min-width: 992px) {
  .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9 {
    float: left;
  }
}*/

/* extra padding for items in ContainerNode*/
.nav.nav-pills li .nav.nav-pills {
	padding-left: 1.25rem;
	position: relative;
	display: grid;
}

/* Accordion */
.xspAccordion.panel-group .list-group{
	list-style-type: none;
}

/* data view control 
	color: #337ab7;*/

.table.dataview .fa-plus-square,
.table.dataview .fa-minus-square{
	position: relative;
	top: 0.125rem;
	font-size: 11pt;
	color: #337ab7;
}
.dataview .fa-file{
	position: relative;
	left: 0.5rem;
	font-size: 0.875rem;
	top: 0rem;
	color: #337ab7;
}
.table.dataview .xspFirstCell{
	padding-left: 1.25rem;
}
.table.dataview h4{
	line-height: 1;
	font-weight: normal
}

.table.dataview .xspDataViewSummary{
	padding-top: 0.125rem;
}
 
div.fa.xspReadIcon{
	color: #dddddd;
}
/* Forum View */
.forumView .xspForumChildListIcon{
    border-color: #337ab7;
    border-style: solid;
    border-width: 0 0 0.125rem 0.125rem;
    width: 1rem;
    height: 1rem;
	float: left;
}
.forumView ul .media.xspForumChildList{
	padding-left: 0.625rem;
	margin-top: 0rem;
}
.forumView .xspForumPost {
	padding: 0.438rem;
	border: 0.063rem solid #DDDDDD;
}
.forumView .xspForumPost .media-left{
	width: 10%;
}
/* fix height of no-detail forum view row */
.forumView .media-list li{
	line-height: 0rem;
}
/* override above to make sure show-detail view looks correct */
.forumView .media-list li .xspForumPost{
    line-height: 1.5rem;
}
.forumView .media {
    margin-bottom: 0.625rem;
}
.forumView .media-heading {
    display: inline;
}

.media-list {
    padding-left: 0;
    list-style: none;
}
.media:first-child {
    margin-top: 0;
}

.media, .media-body {
    overflow: hidden;
    zoom: 1;
}
.media {
    display: inherit;
}

/* Icons */
.table.dataview [class*="fa-sort"],
.forumView [class*="fa-sort"]{
  display: inline;
  padding: 0rem 0.5rem;
  color: #337ab7;
  background-repeat: no-repeat;
}

/* tag cloud */
.xspTagCloud{
	padding-top: 0.375rem;	
}
.xspTagCloud a.tagCloudSize0, a.tagCloudSize0:visited {
    color: #5bc0de;
    font-size: 75%;
}
.xspTagCloud a.tagCloudSize1, a.tagCloudSize1:visited {
    color: #5bc0de;
    font-size: 85%;
}
.xspTagCloud a.tagCloudSize2, a.tagCloudSize2:visited {
    color: #4477BB;
    font-size: 90%;
}
.xspTagCloud a.tagCloudSize3, a.tagCloudSize3:visited {
    color: #4477BB;
    font-size: 95%;
}
.xspTagCloud a.tagCloudSize4, a.tagCloudSize4:visited {
    color: #3399ff;
    font-size: 100%;
}
.xspTagCloud a.tagCloudSize5, a.tagCloudSize5:visited {
    color: #3399ff;
    font-size: 110%;
}
.xspTagCloud a.tagCloudSize6, a.tagCloudSize6:visited {
    color: #3399ff;
    font-size: 120%;
}
.xspTagCloud a.tagCloudSize7, a.tagCloudSize7:visited {
    color: #004C99;
    font-size: 130%;
}
.xspTagCloud a.tagCloudSize8, a.tagCloudSize8:visited {
    color: #004C99;
    font-size: 140%;
}
.xspTagCloud a.tagCloudSize9, a.tagCloudSize9:visited {
    color: #004C99;
    font-size: 150%;
}
.xspTagCloud a.tagCloudSize10, a.tagCloudSize10:visited {
    color: #337ab7;
    font-size: 180%;
    font-weight: bold;
}
.xspTagCloudSlider{
    border: 0.063rem solid white;
}
/***********************************************************************	
	OneUI like specific styles used by XPages controls
	-> Ideally, these classes should be renamed and the rendered adapted
	   to the new names.
***********************************************************************/

/* Common utilities coming from OneUI */
.lotusAltText,
.xspAltText {
    display: none;
}
.lotusNowrap {
    white-space: nowrap;
}
.lotusMeta {
	color:#666;
}
.lotusTable .lotusMeta {
    font-size: 0.9em;
}
.lotusLeft {
    float: left;
    text-align: left;
}
.lotusRight {
    float: right;
    text-align: right;
}

/* General table */
.table h4, .lotusForum h4 {
    font-size: 1.1em; /* For DataView main topic, ForumView main topic */
}

/* list of names */
.lotusFilters {
    font-size: 0.9em;
    line-height: 1.8em;
    margin-top: 0.313rem;
}
.lotusFilters a.lotusFilter {
    background-color: #FAFAFA;
    border: 0.063rem solid #DDDDDD;
    border-radius: 0.25rem 0.25rem 0.25rem 0.25rem;
    padding: 0.063rem 0.188rem;
    text-decoration: none;
}
.lotusFilters a .lotusClose {
    color: #AAAAAA;
    padding: 0 0.25rem;
}


/* Links */
.lotusInlinelist {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
.lotusInlinelist li {
    border-left: 0.063rem solid #CCCCCC;
    display: inline;
    margin: 0;
    padding: 0 0.438rem;
}
.lotusInlinelist li.lotusFirst, .lotusInlinelist li.lotusLast {
    border-left-width: 0;
    padding-left: 0;
}

.btn + .btn {
	margin-left: 0.313rem;
}

.applayout-main .btn {
  display: inline-block;
  padding: 0.375rem 0.75rem;
  margin-bottom: 0;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  background-image: none;
  border: 0.063rem solid transparent;
  border-radius: 0.25rem;
}

.btn-danger, .btn-secondary, .btn-info, .btn-primary, .btn-success, .btn-warning {
  text-shadow: 0 -0.063rem 0 rgba(0,0,0,.2);
  -webkit-box-shadow: inset 0 0.063rem 0 rgba(255,255,255,.15), 0 0.063rem 0.063rem rgba(0,0,0,.075);
  box-shadow: inset 0 0.063rem 0 rgba(255,255,255,.15), 0 0.063rem 0.063rem rgba(0,0,0,.075);
}

/***********************************************************************	
	Additions to bootstrap
***********************************************************************/

.container-full {
	margin: 0 auto;
	width: 100%;
}

.container-full .row {
	margin-left: 0rem;
    margin-right: 0rem;
}

.xsp .navbar-light, .xsp .navbar-inverse{
	box-shadow: none;
}
.xsp .navbar-brand-img{
	padding: 0.375rem 0.75rem;
	float: left;
}
.xsp .navbar-brand-txt{
	padding: 0.813rem 0.75rem;
	float: left;
}
/*fix for #54: right margin in full width layout*/
@media (min-width: 768px) {
  .applayout-banner .navbar-nav.ml-auto:last-child {
    margin-right: 0 !important;
  }
}

/*Creating center container*/
@media (min-width: 576px) {
   .col-sm-6 {
	  float: left;
   }
}

@media (min-width: 576px) {
  .col-sm-3 {
    width: 25%;
  }
}

/*Creating right panel*/
@media (min-width: 576px) {
   .col-sm-3 {
	  float: left;
   }
}

/*Nav-Tabs*/
.nav-tabs {
  border-bottom: 0.063rem solid #ddd;
}

.nav-tabs .nav-item {
  float: left;
  margin-bottom: -0.063rem;
}

.nav .nav-item {
  display: block;
  position: relative;
}
/*nav-tabs nav-item nav-link css*/
/*
.nav-tabs .nav-item.active .nav-link,
.nav-tabs .nav-item.active .nav-link:focus,
.nav-tabs .nav-item.active .nav-link:hover {
  color: #555;
  cursor: default;
  background-color: #fff;
  border: 0.063rem solid #ddd;
  border-bottom-color: transparent;
}

.nav-tabs .nav-item .nav-link {
  margin-right: 0.125rem;
  line-height: 1.42857143;
  border: 0.063rem solid transparent;
  border-radius: 0.25rem 0.25rem 0 0;
}

.nav .nav-item .nav-link {
  position: relative;
  display: block;
  padding: 0.625rem 0.938rem;
}
*/

.nav-tabs .nav-item.active a,
.nav-tabs .nav-item.active a:focus,
.nav-tabs .nav-item.active a:hover {
  color: #555;
  cursor: default;
  background-color: #fff;
  border: 0.063rem solid #ddd;
  border-bottom-color: transparent;
}

.nav-tabs .nav-item a {
  margin-right: 0.125rem;
  line-height: 1.42857143;
  border: 0.063rem solid transparent;
  border-radius: 0.25rem 0.25rem 0 0;
}

.nav .nav-item a {
  position: relative;
  display: block;
  padding: 0.625rem 0.938rem;
}

.nav-pills .nav-link.active,
.nav-pills .show .nav-link {
  .nav-pills li {
    float: left;
  }
  .nav-pills li a {
    border-radius: 0.25rem;
  }
}
.nav-pills li.active a,
.nav-pills li.active a:hover,
.nav-pills li.active a:focus {
  color: #fff;
  background-color: #337ab7;
 } 

/* Navbar Header */

.dropup .caret,
.navbar-fixed-bottom .dropdown .caret {
  content: "";
  border-top: 0;
  border-bottom: 0.25rem dashed;
  border-bottom: 0.25rem solid \9;
}

.dropup .dropdown-menu,
.navbar-fixed-bottom .dropdown .dropdown-menu {
  top: auto;
  bottom: 100%;
  margin-bottom: 0.125rem;
}

.justify-content-between {
  display: flex;
  flex-basis: auto;
  flex-grow: 1;
}

@media (min-width: 768px) {
  .ml-auto .dropdown-menu {
    right: 0;
    left: auto;
  }
  .ml-auto .dropdown-menu-left {
    right: auto;
    left: 0;
  }
}

.container .navbar-header,
.container-fluid .navbar-header,
.container .navbar-collapse,
.container-fluid .navbar-collapse {
  margin-right: -0.938rem;
  margin-left: 0rem;
  width: 100%;
}

@media (min-width: 768px) {
  .container .navbar-header,
  .container-fluid .navbar-header,
  .container .navbar-collapse,
  .container-fluid .navbar-collapse {
    margin-right: 0;
    margin-left: 0;
    width: fit-content;
  }
}

.navbar-fixed-top {
  top: 0;
  border-width: 0 0 0.063rem;
}
.navbar-fixed-bottom {
  bottom: 0;
  margin-bottom: 0;
  border-width: 0.063rem 0 0;
}

.navbar-brand {
  float: left;
  height: 3.75rem;
  padding: 0.375rem 0.375rem;
  font-size: 1.125rem;
  line-height: 2.80rem;
}
.applayout-main .navbar-brand img {
  display: block;
}

@media (min-width: 768px) {
  .navbar .container .navbar-brand,
  .navbar .container-fluid .navbar-brand {
    margin-left: -0.938rem;
  }
}

.navbar-toggle .icon-bar + .icon-bar {
  margin-top: 0.25rem;
}

/* Need to check .form-group as not available in V4*/

@media (min-width: 768px) {
  .navbar-form .form-group {  
    display: inline-block;
    margin-bottom: 0;
    vertical-align: middle;
  }
  .navbar-form .form-control {
    display: inline-block;
    width: auto;
    vertical-align: middle;
  }
  .navbar-form .form-control-static {
    display: inline-block;
  }
  .navbar-form .input-group {
    display: inline-table;
    vertical-align: middle;
  }
  .navbar-form .input-group .input-group-addon,
  .navbar-form .input-group .input-group-btn,
  .navbar-form .input-group .form-control {
    width: auto;
  }
  .navbar-form .input-group .form-control {
    width: 100%;
  }
  .navbar-form .control-label {
    margin-bottom: 0;
    vertical-align: middle;
  }
  .navbar-form .radio,
  .navbar-form .checkbox {
    display: inline-block;
    margin-top: 0;
    margin-bottom: 0;
    vertical-align: middle;
  }
  .navbar-form .radio label,
  .navbar-form .checkbox label {
    padding-left: 0;
  }
  .navbar-form .radio input[type="radio"],
  .navbar-form .checkbox input[type="checkbox"] {
    position: relative;
    margin-left: 0;
  }
  .navbar-form .has-feedback .form-control-feedback {
    top: 0;
  }
}

@media (max-width: 767px) {
  .navbar-form .form-group {
    margin-bottom: 0.313rem;
  }
  .navbar-form .form-group:last-child {
    margin-bottom: 0;
  }
}
@media (min-width: 768px) {
  .navbar-form {
    width: auto;
    padding-top: 0;
    padding-bottom: 0;
    margin-right: 0;
    margin-left: 0;
    border: 0;
    -webkit-box-shadow: none;
            box-shadow: none;
  }
}

@media (min-width: 768px) {
  .mr-auto {
    float: left !important;
  }
  .ml-auto {
    float: right !important;
    margin-right: 0.938rem;
  }
  .ml-auto ~ .ml-auto {
    margin-right: 0;
  }
}

.navbar-nav nav-item .dropdown-menu {
  margin-top: 0;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.navbar-fixed-bottom .navbar-nav nav-item .dropdown-menu {
  margin-bottom: 0;
  border-top-left-radius: 0.25rem;
  border-top-right-radius: 0.25rem;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}

.navbar-btn {
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
}
.navbar-btn.btn-sm {
  margin-top: 0.625rem;
  margin-bottom: 0.625rem;
}
.navbar-btn.btn-xs {
  margin-top: 0.875rem;
  margin-bottom: 0.875rem;
}
.navbar-text {
  margin-top: 0.938rem;
  margin-bottom: 0.938rem;
}
@media (min-width: 768px) {
  .navbar-text {
    float: left;
    margin-right: 0.938rem;
    margin-left: 0.938rem;
  }
}

dl, ol, ul {
  margin-top: 0;
  margin-bottom: 1rem;
}

img {
  border: 0;
}

* {
  box-sizing: border-box;
}

@media (min-width: 768px) {
  .navbar-header {
    float: left;
  }
}

.navbar {
  position: relative;
  min-height: 3.125rem;
  margin-bottom: 1.25rem;
  border: 0.063rem solid transparent;
  padding: 0rem 0rem;
  display: block;
}

.navbar-light {
  background-color: #f8f8f8;
  border-color: #e7e7e7;
}

.navbar-light .navbar-toggler {
  border-color: #ddd;
}

@media (min-width: 768px) {
  .navbar-toggler {
    display: none;
  }
}

.navbar-toggler {
  position: relative;
  float: right;
  margin-top: 0.5rem;
  margin-right: 0.938rem;
  margin-bottom: 0.5rem;
  background-color: transparent;
  background-image: none;
  border: 0.063rem solid transparent;
  border-radius: 0.063rem;
}

.navbar-light .navbar-toggler .icon-bar {
  background-color: #888;
}

button,
html input[type="button"],
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
}

button, input, select, textarea {
    font-family: inherit;
    font-size: inherit;
    line-height: inherit;
}
button, input, optgroup, select, textarea {
    margin: 0;
    font: inherit;
    color: inherit;
}

button {
    overflow: visible;
}
button, select {
    text-transform: none;
}

.navbar-toggler .icon-bar {
  display: block;
  width: 1.5rem;
  height: 0.125rem;
  border-radius: 0.063rem;
}

.navbar-light .navbar-collapse,
.navbar-light .form-inline {
  border-color: #e7e7e7;
}

@media (min-width: 768px) {
  .navbar {
    border-radius: 0.25rem;
    display: flow-root;
  }
}

.navbar-collapse {
  padding-right: 0.938rem;
  padding-left: 0.938rem;
  overflow-x: visible;
  -webkit-overflow-scrolling: touch;
  border-top: 0.063rem solid transparent;
  -webkit-box-shadow: inset 0 0.063rem 0 rgba(255, 255, 255, .1);
          box-shadow: inset 0 0.063rem 0 rgba(255, 255, 255, .1);
}

.navbar-collapse.in {
  overflow-y: auto;
}

@media (min-width: 768px) {
 .navbar-collapse {
    width: auto;
    border-top: 0;
    -webkit-box-shadow: none;
            box-shadow: none;
  }
  .applayout-main .navbar-collapse.collapse {
    display: block !important;
    height: auto !important;
    padding-bottom: 0;
    overflow: visible !important;
  }
  .navbar-collapse.in {
    overflow-y: visible;
  }
  .fixed-top .navbar-collapse,
  .navbar-static-top .navbar-collapse,
  .navbar-fixed-bottom .navbar-collapse {
    padding-right: 0;
    padding-left: 0;
  }
}

.navbar-static-top {
  z-index: 1000;
  border-width: 0 0 0.063rem;
}

@media (min-width: 768px) {
  .navbar-nav {
    float: left;
    flex-direction: row;
    margin: 0;
   }
   .navbar-nav nav-item {
     float: left;
   }
   .navbar-light .navbar-nav .show .nav-link {
     padding-top: 0.938rem;
     padding-bottom: 0.938rem;
   }
   .navbar-light .navbar-nav .nav-item {
	  float: left;
    }

	.navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus {
	   padding-top: 0.938rem;
       padding-bottom: 0.938rem;
       color: green;
	}
}  

@media (min-width: 768px) {
  .navbar-nav nav-item nav-link {
    padding-top: 0.938rem;
    padding-bottom: 0.938rem;
  }
} 

.navbar-nav nav-item nav-link {
    padding-top: 0.625rem;
    padding-bottom: 0.625rem;
    line-height: 1.25rem;
}

.nav nav-item nav-link {
  position: relative;
  display: block;
  padding: 0.625rem 0.938rem;
}

.nav {
  list-style: none;
  padding-left: 0;
  margin-bottom: 0;
  flex-wrap: inherit;
}

.nav-item {
  position: relative;
  display: block;
  line-height: 1.25rem;	
  font-size: 0.875rem;
}

.nav nav-item {
  position: relative;
  display: block;
}

@media (min-width: 768px) {
  .navbar-expand-md .navbar-collapse {
    flex-basis: inherit;
  }
}

.nav-link {
  position: relative;
  line-height: 1.25rem;
}

@media (min-width: 768px) {
  .ml-auto {
	float: right!important;
  }
}

.navbar-light .navbar-nav .show .nav-link,
.navbar-light .navbar-nav .active .nav-link {
  background-image: linear-gradient(to bottom, #dbdbdb 0, #e2e2e2 100%);
  background-repeat: repeat-x;
  box-shadow: inset 0 0.188rem 0.563rem rgba(0,0,0,.075);
}

.navbar-light .navbar-nav .show .nav-link, .navbar-light .navbar-nav .active .nav-link, .navbar-light .navbar-nav .nav-link:hover, .navbar-light .navbar-nav .nav-link:focus {
  color: #555;
  background-color: #e7e7e7;
}

.navbar-light .navbar-nav nav-item nav-link {
  color: #777;
}

.navbar-brand .navbar-nav nav-item nav-link {
  text-shadow: 0 0.063rem 0 rgba(255,255,255,.25);
}

/* Navbar Footer */

/*Sept 4*/

.nav::after {
  clear: both;
} 

.navbar-light::after {
  clear: both;
}

.nav li {
  clear: both; 
}

.navbar-light {
  clear: both;
  min-height: 3.125rem;
  margin-bottom: 0.625rem;
  border: 0.063rem solid transparent;
  position: relative;
}

.fixed-top {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 1030;
}

.nav li {
 /* display: flex;*/
  display: block;
  position: relative;
}

.nav-pills li a {
  border-radius: 0.25rem;
}

.nav li a {
  display: block;
  position: relative;
  padding: 0.625rem 0.9375rem;
}

.navbar-bottom {
  background-color: #fff;
  border-color: #fff;
}

/* dashboard layout sidebar */

.sidebar {
    background-color: #F5F5F5;
    border-right: 0.063rem solid #EEEEEE;
    display: block;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 0.938rem 0.375rem;
    z-index: 996;
    position: relative;
}

@media (min-width: 768px) {
  .sidebar {
    position: fixed;
    left: 0;
  }
}
@media (max-width: 767px) {
  .sidebar {
    border-bottom: 0.063rem solid #dddddd;
    top:0;
  }
}

.xspSimpleNavbarText{
	font-size: 1.125rem;
	font-weight: bold;
	padding: 0.813rem 0.75rem;
	float:left;
}

.row.xspDashboard {    
    display: flex;
    align-content: flex-start;
    justify-content: space-between;
    align-items: stretch;
    flex-direction: column;
    flex-wrap: nowrap;
    margin-left: 0.15rem;
}
.xspDashboard h2 {
	margin: 0rem 0rem 0.625rem 0rem;
}

.xspDash {
	text-align: center;
	align-content: center;
	padding-top: 0.375rem;
	padding-bottom: 0.375rem;
}
.xspDash .xspDashTitle{
	margin-bottom: 0rem;
}
.xspDash .fa{
	font-size: 72pt;
}

.xspCollapsibleMenu {
	padding: 0.5rem 0.375rem;
}
.applayout-banner-container .xspCollapsibleMenu{
	float: left;
}
.xspCollapsibleMenu ul.dropdown-menu{
	padding: 0.25rem; 
	margin: 0rem 0.25rem;
	min-width: 12.5rem;
}

.xspDash .dashBadge {
	font-size: 1.125rem;
	margin-left: 0.25rem;
	top: -0.125rem;
	position: relative;
}

.xspDash .xspNodeDescription {
	display: block;
}

/**
 * Carousel styles
 */
 .xspCarousel {
     margin-bottom: 1.25rem;
 }
 .xspCarousel .item {
     text-align: center;
 }
 .xspCarousel .item h1{
     font-size: 4.5rem;
 }
.xspCarousel .prev-slide,
.xspCarousel .next-slide {
	opacity: 1.0;
}
 .xspCarousel .item .slideDescr{
     font-size: 1rem;
 }
 .xspCarousel .item .slideBtnContainer{
     padding: 0.625rem;
 }
 .xspCarousel .carousel-control:focus{
     outline: 0rem;
 }
/**
 * Navbar styles
 */
.xsp .navbar.navbar-inverse{
	color: #dddddd;
}
.navbar-inverse div.navbar-brand,
.navbar-inverse div.navbar-brand:focus {
	color: #DDDDDD;
}
.xspNavbar .navbar-text,
.xspNavbar .navbar-link {
	margin-top: 0.813rem;
	margin-bottom: 0.813rem;
}
.xspNavbar .navbar-link,
.xspNavbar .navbar-btn {
	float: inherit;
	margin-left: 0.938rem;
	margin-right: 0.938rem;
}
.xspNavbar .navbar-text:hover{
	cursor: default;
}
.xspNavbar .form-inline{
	float: inherit;
}
.xspNavbar .form-inline .form-control{
	margin-left: 0.25rem;
	margin-right: 0.25rem;
}
.navbar.navbar-static-top,
.navbar.navbar-static-bottom,
.navbar.navbar{
	z-index: 997;
}

.navbar .fixed-top,
.navbar.navbar-fixed-bottom{
	z-index: 998;
}

.fixed-top .navbar-collapse,
.navbar-fixed-bottom .navbar-collapse {
  max-height: 21.25rem;
}
@media (max-device-width: 480px) and (orientation: landscape) {
  .fixed-top .navbar-collapse,
  .navbar-fixed-bottom .navbar-collapse {
    max-height: 12.5rem;
  }
}

@media (max-width: 767px) {
	.xspNavbar .form-inline {
		margin-left:0rem;
		margin-right:0rem;
	}
	.xspNavbar .form-inline .form-control {
		margin-top: 0.25rem;
		margin-bottom:0.25rem;
	}
}
.container .xspNavbar {
	margin-top:1.25rem;
}
.container .xspNavbar.fixed-top,
.container .xspNavbar.navbar-static-top,
.container .xspNavbar.navbar-fixed-bottom{
	margin-top:0rem;
}

/***********************************************************************	
	Dojo 1.9.x fixes for DBootstrap
***********************************************************************/

/* Spinner button */
.dijitSpinner .dijitArButtonInner .dijitInputField {
    margin: 0;
	padding: 0;
	border: 0 none;
	box-shadow: none;	
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	transition: none;
	-moz-transition: none;
    -webkit-transition: none;
    -o-transition: color 0 ease-in;
}

/* text boxes */
.dbootstrap .form-control.dijitTextBox {
	line-height: 1rem;
	height:1.875rem;
}

/* styling of icons in dojo comboboxes */
.dbootstrap .dijitComboBox input.dijitArrowButtonInner {
	display: block;
    margin-left: -0.313rem;
    text-indent: 0 !important;
}

/* styling of icons in dojo date/ time pickers */
.dijitComboBox > div.dijitButtonNode,
.dijitDateTextBox > div.dijitButtonNode,
.dijitTimeTextBox > div.dijitButtonNode {
	margin-top: 0;
	margin-right: 0;
	width: 1.563rem;
	height: 1.75rem;	
}
.dbootstrap .dijitComboBox.dijitDateTextBox input.dijitArrowButtonInner,
.dbootstrap .dijitComboBox.dijitTimeTextBox input.dijitArrowButtonInner {
    display: block;
    margin-left: -0.25rem;
    width: 0.875rem;
    color: transparent;
}
/**SPR #JALADAJRN9: This spr had some additional fix that is related to FontAwesome
   as still BS4 is pointing to glyphicon.
*/
.dbootstrap .dijitComboBox.dijitDateTextBox input.dijitArrowButtonInner {
   /* background-image: url("/xsp/.ibmxspres/.extlib/responsive/xpages/img/glyphicons-halflings.png");
    background-position: -12rem -7.5rem;*/
    
    background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path d="M148 288h-40c-6.6 0-12-5.4-12-12v-40c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12zm108-12v-40c0-6.6-5.4-12-12-12h-40c-6.6 0-12 5.4-12 12v40c0 6.6 5.4 12 12 12h40c6.6 0 12-5.4 12-12zm96 0v-40c0-6.6-5.4-12-12-12h-40c-6.6 0-12 5.4-12 12v40c0 6.6 5.4 12 12 12h40c6.6 0 12-5.4 12-12zm-96 96v-40c0-6.6-5.4-12-12-12h-40c-6.6 0-12 5.4-12 12v40c0 6.6 5.4 12 12 12h40c6.6 0 12-5.4 12-12zm-96 0v-40c0-6.6-5.4-12-12-12h-40c-6.6 0-12 5.4-12 12v40c0 6.6 5.4 12 12 12h40c6.6 0 12-5.4 12-12zm192 0v-40c0-6.6-5.4-12-12-12h-40c-6.6 0-12 5.4-12 12v40c0 6.6 5.4 12 12 12h40c6.6 0 12-5.4 12-12zm96-260v352c0 26.5-21.5 48-48 48H48c-26.5 0-48-21.5-48-48V112c0-26.5 21.5-48 48-48h48V12c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v52h128V12c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v52h48c26.5 0 48 21.5 48 48zm-48 346V160H48v298c0 3.3 2.7 6 6 6h340c3.3 0 6-2.7 6-6z"/></svg>');
    font-family: 'Font Awesome\ 5 free';
    content: "\f073";
    font-weight: normal;
    position: relative;
    font-size: 24pt;
    background-size: 0.938rem 0.938rem;
    background-repeat: no-repeat;
}
.dbootstrap .dijitComboBox.dijitTimeTextBox input.dijitArrowButtonInner {
    background-image: url("/xsp/.ibmxspres/.extlib/responsive/xpages/img/glyphicons-halflings.png");
    background-position: -3.063rem -1.5rem;
}

/* Fixing icons position */
/*
.dbootstrap .dijitComboButton .dijitArrowButton, 
.dbootstrap .dijitComboBox .dijitButtonNode.dijitArrowButton, 
.dbootstrap .dijitSpinnerButtonContainer.dijitButtonNode, 
.dbootstrap .dijitSelect .dijitButtonNode.dijitArrowButton {
  padding: 0.313rem 0.313rem;
}
*/
/* Dojo checkbox & radio button */
.dbootstrap .dijitCheckBox.dijitCheckBoxChecked.dijitChecked {
	font-size: 0.594rem;
	padding: 0rem;
}
.dbootstrap div.dijitCheckBox + label,
.dbootstrap div.dijitRadio + label {
	font-weight: normal;
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
	font-size: 0.875rem;
	margin: 0.313rem;
}
.icon-ok:before, .dbootstrap .dijitRadio.dijitRadioChecked:before {
	content: "\f111";
}
.dbootstrap .dijitRadio.dijitRadioChecked {
	font-size: 0.531rem;
	padding: 0rem;
}

/** dojoTabContainer **/
.dbootstrap .dijitTabContainer .dijitContentPane.dijitTabPane {
	height: 100% !important;
	width: 100% !important;
}
/* Use GlyphIcon for the X on tabs */
.dbootstrap .dijitTabCloseButton.dijitTabCloseIcon {
	font-family: 'Font Awesome\ 5 Free';
	font-weight: normal;
	color: #337ab7;
	font-size: 10pt;
	opacity: 1;
}
/* The glyphicons X icon*/
.dbootstrap .dijitTabCloseButton.dijitTabCloseIcon:before {
	content: "\e014";
}
/* hide the text of X buttons */
.dbootstrap .dijitTabCloseButton.dijitTabCloseIcon .dijitTabCloseText {
	display: none;
}
/* add margin around the tab container */
.dbootstrap .dijitTabContainer {
	margin: 0.375rem 0.75rem;
}
/* fix the border color for unselected tabs*/
.dbootstrap .dijitTabContainerTop .dijitTab {
	border-color: #DDDDDD;
}
/* overrides the generated width from dojo to fix overbite of tablist */
.dbootstrap .dijitTabContainer .dijitTabPaneWrapper {
	width: 100% !important;
}

/* Use GlyphIcons for the arrow buttons on tablist
 * We need to stomp over dojo js alterations to these styles
 * using !important in a few cases
*/
.dbootstrap .dijitTabContainer .dijitTabController .dijitTab.tabStripButton{
    border: 0.063rem solid #DDDDDD;
    color: #337ab7;
    font-family: "Font Awesome\ 5 Free";
    opacity: 1;
    font-size: 9pt;
    padding: 0.563rem 0.125rem;
    width: 1.125rem;
    height: 2.375rem !important;
    position: absolute !important;
    top: 0.063rem !important;
}
/* Glyph Icons */
.dbootstrap .dijitTabContainer .dijitTabController .dijitTab.tabStripButton.dijitAlignLeft:before {
    content: "\e079";
}
.dbootstrap .dijitTabContainer .dijitTabController .dijitTab.tabStripButton.dijitAlignRight.dijitbelow-altArrowButton:before {
    content: "\e114";
}
.dbootstrap .dijitTabContainer .dijitTabController .dijitTab.tabStripButton.dijitAlignRight:before {
    content: "\e080";
}
/* reverse margins on right side arrows */
.dbootstrap .dijitTabContainer .dijitTabController .dijitTab.tabStripButton.dijitAlignRight{
    margin-right: 0rem;
    margin-left: 0.125rem;
}
.dbootstrap .dijitTabContainer .dijitTabController .dijitTab.tabStripButton.dijitAlignRight.dijitbelow-altArrowButton {
    padding-top: 0.625rem;
}
/* Hide the text icons on arrow buttons*/
.dbootstrap .dijitTabContainer .dijitTabController .dijitTab.tabStripButton .dijitTabStripSlideLeftIcon,
.dbootstrap .dijitTabContainer .dijitTabController .dijitTab.tabStripButton .dijitTabStripMenuIcon,
.dbootstrap .dijitTabContainer .dijitTabController .dijitTab.tabStripButton .dijitTabStripSlideRightIcon {
	display:none;
}

.dijit.dijitReset.dijitSliderH.dijitSlider tr td {
  padding: 0rem;
  border-top: 0;
}

.dijit.dijitReset.dijitSliderV.dijitSlider tr td {
  padding: 0rem;
  border-top: 0;
}

.xsp.dbootstrap .dijitUpArrowButton .dijitArrowButtonInner:before {
	content: " ";
    border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #000000;
    border-style: solid;
    border-width: 0.313rem;
    content: " ";
    display: block;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 0.75rem;
    height: 0;
    left: 0.313rem;
    position: relative;
    width: 0;
}
.xsp.dbootstrap .dijitActive .dijitUpArrowButtonActive .dijitArrowButtonInner:before{
	border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #888888;
}

.xsp.dbootstrap .dijitActive .dijitDownArrowButtonActive .dijitArrowButtonInner:before {
	border-color:  #888888 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0)
}

.xsp.dbootstrap .dijitDownArrowButton .dijitArrowButtonInner:before {
    content: " ";
    border-color:  #000000 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
    border-style: solid;
    border-width: 0.313rem;
    content: " ";
    display: block;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 0.75rem;
    height: 0;
    left: 0.313rem;
    top:0.188rem;
    position: relative;
    width: 0;
}

/** Use glyphicons in dojo checkbox and dojo radio button **/
.xsp.dbootstrap .dijitCheckBox.dijitCheckBoxChecked:before{
    content: "\e013";
    font-family: "Font Awesome\ 5 Free";
    font-size: 0.563rem;
    left: 0.063rem;
    position: relative;
    color: #337ab7;
}

/** dojo radio button **/
.xsp.dbootstrap .dijitRadio.dijitRadioChecked:before {
    content: "\2022";
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 2.125rem;
    line-height: 0.875rem;
    text-align: center;
}

/** radio button with dojo type set **/
.xsp.dbootstrap .radio .dijitRadio.dijitRadioChecked:before {
    line-height: 1.25rem;
}
.dj_chrome .xsp.dbootstrap .radio .dijitRadio.dijitRadioChecked:before {
    line-height: 0.875rem;
}

/**.dj_chrome .xsp.dbootstrap .dijitRadio.dijitRadioChecked:before {
	line-height: 0.875rem;
}**/

.xsp.dbootstrap .dijitRadio{
	margin: 0rem 0.125rem;
}

/** Use FA for arrows on dojo menu buttons */
.xsp.dbootstrap tr.dijitMenuItem td:last-child {
    padding-right: 0.625rem;
}
.xsp.dbootstrap .dijitTitlePane .dijitArrowNode {
    margin-right: 0.938rem;
}
.xsp.dbootstrap .dijitMenuArrowCell .dijitMenuExpand:before,
.xsp.dbootstrap .dijitTitlePane .dijitClosed .dijitArrowNode:before {
    font-family: "Font Awesome\ 5 Free";
    content: "\e080";
    font-size: 0.75rem;
    padding-left: 0.625rem;
    position: relative;
    top: -0.063rem;
    color: #337ab7;
}
.xsp.dbootstrap .dijitMenuArrowCell .dijitMenuCollapse:before,
.xsp.dbootstrap .dijitTitlePane .dijitOpen .dijitArrowNode:before {
    font-family: "Font Awesome\ 5 Free";
    content: "\e114";
    font-size: 0.75rem;
    padding-left: 0.625rem;
    position: relative;
    top: -0.063rem;
    color: #337ab7;
}
.xsp.dbootstrap .dijitInputContainer {
    padding: 0.25rem;
}

.xsp .dijitIcon:before, .xsp.dbootstrap .dijitMenuArrowCell .dijitMenuExpand:before, 
.xsp.dbootstrap .dijitTabStripIcon:before, .xsp.dbootstrap .dijitArrowButtonInner:before, 
.xsp.dbootstrap .dijitCheckBox:before, .xsp.dbootstrap .dijitRadio:before, 
.xsp.dbootstrap .dijitCalendarIncpxentControl:before, .xsp.dbootstrap .dijitTreeExpando:before, 
.xsp.dbootstrap .dijitTitlePane .dijitArrowNode:before, .xsp.dbootstrap .dgrid-sort-arrow:before {
    font-family: "Font Awesome\ 5 Free";
    color: #337ab7;
}
.xsp .icon-arrow-left:before {
    font-family: "Font Awesome\ 5 Free";
    color: #337ab7;
}

.xsp .icon-arrow-right:before{
    content: "\e080";
    font-family: "Font Awesome\ 5 Free";
    color: #337ab7;
}

/* TODO replace cut and paste icons with glyphicons or other font icons when possible */
.xsp .icon-cut:before, .xsp .dijitIconCut:before, .xsp .dijitEditorIconCut:before {
    content: "";
    background-image: url("../../../../.oneuiv302/oneui/dojoTheme/lotusui30dojo/images/editorIcons.png");
    background-position: -6.75rem center;
    width: 1.125rem;
    height: 1.125rem;
    vertical-align: middle;
}

.icon-copy:before, .dijitIconCopy:before, .dijitEditorIconCopy:before {
    content: "\e178";
    vertical-align: middle;
    height: 1.125rem;
    position: relative;
    top: 0.188rem;
    width: 1.125rem;
}
.icon-paste:before, .dijitIconPaste:before, .dijitEditorIconPaste:before {
    content: "";
    background-image: url("../../../../.oneuiv302/oneui/dojoTheme/lotusui30dojo/images/editorIcons.png");
    background-position: -30.375rem center;
    width: 1.125rem;
    height: 1.125rem;
    vertical-align: middle;
}


/* menu */
.dijitMenu.dijitMenuActive .dijitMenuItemFocused{
	outline: 0rem none;
}

/* dojo dialogs - pxove outline */
.xspmodal.dijitFocused:focus {
	outline: 0rem none;
}
.xspmodal .modal-header .close{
	color: #337ab7;
	opacity: 1;
	font-size: 1.75rem;
}

/* pager */
.xsp .pagination .disabled a,
.xsp .pagination .disabled a:hover,
.xsp .pagination .disabled a:focus {
  color: #707070;
}

.pagination li:first-child a, .pagination li:first-child span {
  margin-left: 0;
  border-top-left-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
}

.pagination .disabled a,
.pagination .disabled a:focus,
.pagination .disabled a:hover,
.pagination .disabled span,
.pagination .disabled span:focus,
.pagination .disabled span:hover {
  color: #777;
  cursor: not-allowed;
  background-color: #fff;
  border-color: #ddd;
}

.pagination li a, .pagination li span {
  position: relative;
  float: left;
  padding: 0.375rem 0.75rem;
  margin-left: -0.0625rem;
  line-height: 1.42857143;
  color: #337ab7;
  text-decoration: none;
  background-color: #fff;
  border: 0.063rem solid #ddd;
}

.pagination li {
  display: inline;
}

.pagination {
  display: inline-block;
  padding-left: 0;
  margin: 1.25rem 0;
  border-radius: 0.25rem;
}

.pagination .active a,
.pagination .active a:focus,
.pagination .active a:hover,
.pagination .active span,
.pagination .active span:focus,
.pagination .active span:hover {
  z-index: 3;
  color: #fff;
  cursor: default;
  background-color: #337ab7;
  border-color: #337ab7;
}

.pagination li:last-child a,
.pagination li:last-child span {
  border-top-right-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
}

/* dojo border container/pane - needs more work
.dijitSplitContainer-child, .dijitBorderContainer-child {
    border: 0.063rem solid #CCCCCC;
}
.dijitSplitContainer-dijitContentPane, .dijitBorderContainer-dijitContentPane {
    background-color: #FFFFFF;
    padding: 0.313rem;
}
.dijitSplitterH, .dijitGutterH {
    background: none repeat scroll 0 0 #FCFCFC;
    border: 0 none;
    height: 0.313rem;
}
.dijitSplitterV .dijitSplitterThumb {
    background: none repeat scroll 0 0 #B0B0B0;
    height: 1.188rem;
    left: 0.125rem;
    width: 0.063rem;
}
.dijitSplitContainerSizerH .thumb, .dijitSplitterV .dijitSplitterThumb {
    overflow: hidden;
    position: absolute;
    top: 49%;
}*/

/* FontAwesome Date and time icon fix */
.dijitReset.dijitRight.dijitButtonNode.dijitArrowButton.dijitDownArrowButton.dijitArrowButtonContainer {
	padding: 0.313rem 0.313rem;
}

/* Header dropdown fix */
@media (min-width: 768px) {
  .navbar-nav li a {
	padding-top: 0.938rem;
	padding-bottom: 0.938rem;
  }
}

.navbar-nav li .dropdown-menu {
  margin-top: 0;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.navbar-light .navbar-collapse, .navbar-light .navbar-form {
  border-color: #e7e7e7;
}

.dropdown-menu {
  padding: 0.313rem 0rem;
}

.navbar-light .applayout-links .nav-item {
  float: none;
}

.applayout-links .dropdown-menu .nav-item a {
  padding: 0.188rem 1.25rem;
}

.navbar-nav .dropdown-menu {
  float: right;
}

.navbar-light .applayout-utility-links .nav-item {
  float: none;
}
.applayout-utility-links .dropdown-menu .nav-item a {
  padding: 0.188rem 1.25rem;
}

.fa-chevron-up {
 /* font-size: 24pt;*/
  background-size: 0.938rem 0.938rem;
  background-repeat: no-repeat;
  position: relative;
/*  background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><path d="M240.971 130.524l194.343 194.343c9.373 9.373 9.373 24.569 0 33.941l-22.667 22.667c-9.357 9.357-24.522 9.375-33.901.04L224 227.495 69.255 381.516c-9.379 9.335-24.544 9.317-33.901-.04l-22.667-22.667c-9.373-9.373-9.373-24.569 0-33.941L207.03 130.525c9.372-9.373 24.568-9.373 33.941-.001z"/></svg>'); */
}

.fa-chevron-right::before {
  position: relative;
/*  font-size: 14pt;*/
  background-size: 0.938rem 0.938rem;
  background-repeat: no-repeat;
  font-size: 0.844rem;
  font-weight: 900;
  top: 0.125rem;
  -webkit-text-stroke: 0.069rem;
  padding: 0.063rem 0.438rem;
}

.fa-chevron-left::before {
  position: relative;
/*  font-size: 14pt;*/
  background-size: 0.938rem 0.938rem;
  background-repeat: no-repeat;
}

th.dijitReset.dijitCalendarArrow:last-child::before {
  font-family: 'Font Awesome 5 Free';
  content: "\f105";
  font-weight: 900;
  font-size: 14pt;
  background-size: 0.938rem 0.938rem;
  position: relative;
  background-repeat: no-repeat;
}

th.dijitReset.dijitCalendarArrow::before {
  font-family: 'Font Awesome 5 Free';
  content: "\f104";
  font-weight: 900;
  font-size: 14pt;
  background-size: 0.938rem 0.938rem;
  position: relative;
  background-repeat: no-repeat;
}

.navbar-nav .dropdown-menu {
    float: left;
}

.navbar-nav .dropdown-menu {
    position: relative;
    float: left;
}

.badge-secondary {
    padding-left: 0.375rem;
    padding-right: 0.375rem;
    padding-top: 0.3rem;
    padding-bottom: 0.13rem;
    margin-left: 0.375rem 
}

/* View State - Removing icon outline */
[type=button]:not(:disabled), [type=reset]:not(:disabled), [type=submit]:not(:disabled), button:not(:disabled) {
    outline: none;
}

/* Correct the FontAwesome font references */
@font-face{
	font-family:'Font Awesome\ 5 Free';
	src:url('/xsp/.ibmxspres/.extlib/responsive/bootstrap4/xpages/webfonts/fa-regular-400.eot?#iefix') format('embedded-opentype'),
    url('/xsp/.ibmxspres/.extlib/responsive/bootstrap4/xpages/webfonts/fa-regular-400.woff2') format('woff2'),
    url('/xsp/.ibmxspres/.extlib/responsive/bootstrap4/xpages/webfonts/fa-regular-400.woff') format('woff'),
    url('/xsp/.ibmxspres/.extlib/responsive/bootstrap4/xpages/webfonts/fa-regular-400.ttf') format('truetype'),
    url('/xsp/.ibmxspres/.extlib/responsive/bootstrap4/xpages/webfonts/fa-regular-400.svg#fontawesome') format('svg');
}

/* After PRB0144358_SPR #JALLDAGJPC changes, does not need this fix for JJARD6YH33
.navbar-nav { 
	display: -webkit-inline-box !important;
}
*/
@media (min-width: 768px) {
	.container .navbar-header, .container-fluid .navbar-header, .container .navbar-collapse, .container-fluid .navbar-collapse {
    	margin-right: 0;
        margin-left: 0;
        width: auto !important;
   	}
}

@media (min-width: 768px) {
   .applayout-main .navbar-collapse.collapse {
   		display: block !important;
   }
}

.nav .nav-item {
	display: table !important;
}

@media (max-width: 767px) {
    .hidden-xs {
        display: none !important;
    }
}

@media (min-width: 768px) and (max-width: 991px) {
	.hidden-sm {
        display: none !important;
    }
}

.row {    
    display: inherit;
}
  
.navbar-toggler-icon {    
    content-visibility: hidden;
}

.collapse.show {
    display: block;
    background-color: #fff;
}

.navbar-nav .nav-item.active>a {
    background-image: linear-gradient(to bottom, #dbdbdb 0, #e2e2e2 100%);
    background-repeat: repeat-x;
    -webkit-box-shadow: inset 0 3px 9px rgba(0, 0, 0, .075);
}

/*eof*/