/* ***************************************************************** */
/*
 * Licensed Materials - Property of IBM
 * 5724-Z10
 * Copyright IBM Corp. 2010, 2024.  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: 14px;
    line-height: 1.42857143;
    margin: 0;
}

/* fix link font colour that is incorrect in dbootstrap css */
a {
	color: #337ab7;
}

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

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

.xspInputFieldDatePickerIcon,
.xspInputFieldTimePickerIcon,
.xspInputFieldDateTimePickerIcon{
	height: 14px;
    width: 14px;
	border: none !important;
	box-shadow: none !important;
	padding: 0px !important;
	cursor: pointer !important;
	background-color: rgba(0, 0, 0, 0);
	margin-top: 0px;
	margin-left: -4px;
}

/* TODO replace these background-image icons with glyphicon font icons*/
.xspInputFieldDateTimePickerIcon{
	background-image: url("/xsp/.ibmxspres/.extlib/responsive/xpages/img/glyphicons-halflings.png");
	background-position: -192px -120px;
	
}
.xspInputFieldDatePickerIcon{
	background-image: url("/xsp/.ibmxspres/.extlib/responsive/xpages/img/glyphicons-halflings.png");
	background-position: -192px -120px;
}
.xspInputFieldTimePickerIcon{
	background-image: url("/xsp/.ibmxspres/.extlib/responsive/xpages/img/glyphicons-halflings.png");
	background-position: -48px -24px;
}
/* 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: 6px;
}
/* glyphicon 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: 14px;
	top: 2px;
	margin-right:0px;
}
.navbar-search .input-group-btn:last-child > .btn{
	margin-right: 6px;
}
.xspPickerLink.glyphicon-user:focus,.xspPickerLink.glyphicon-user:hover{
	text-decoration: none;
}
.form-inline .control-label{
	display:inline-block;
}

/* Dialog */
.modal form{
    margin: 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:2px 2px 2px 2px;
}
.xspPickerSearchLabel{
	width: 15%;
	min-width:70px;
}
.xspPickerSearchOption .input-group{
	width:100%;
}
.xspPickerSearchOption .input-group > input{
	width:100%;
}
.xspPickerSearchOption .input-group .input-group-btn{
	width:1%;
}

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

.xspPickerItem.xspPickerItemSelected{
    outline: 1px dotted #555;
}
.xspPickerBody:focus {
    outline:0px none;
}

/* Responsive picker classes */
.xsp-responsive-modal {
    display: block;
    width: auto;
    left: 0 !important;
    top:0 !important;
    z-index: 1050 !important;
}
/* 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: 10px;
}
.xsp-responsive-modal .xspPickerNameList,
.xsp-responsive-modal .xspPickerValueList,
.xsp-responsive-modal .xspPickerCheckboxList{
    height: 20em;
}
.xsp-responsive-modal .xspPickerValueList{
	margin-bottom:10px;
}
.xsp-responsive-modal .xspPickerCheckboxList{
    padding: 5px;
}
.xsp-responsive-modal .xspPickerNameListLeft{
	padding-right:0px;
	margin-bottom:10px;
}
.xsp-responsive-modal .xspPickerNameListRight{
    padding-left:0px;
    margin-bottom:10px;
}
.xsp-responsive-modal .xspPickerSearchOption .xspPickerSearchLabel{
    width: 20%;
    min-width:78px;
    margin-bottom: 0px;
    margin-top: 5px;
}
.xsp-responsive-modal .xspPickerSearchOption .xspPickerSearchField{
    width:75%;
    float:right;
    margin-bottom: 6px;
}
.xsp-responsive-modal .xspPickerInputText {
    font-weight: bold;
    padding: 10px 0px;
    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:2px 4px;
}

.xsp-responsive-modal .xspPickerHr {
	margin-top:5px;
	margin-bottom:10px;
}
.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: 0px;
        left: 0 !important;
        top: 0 !important;
    }
    .xsp-responsive-modal .xspPickerNameList {
        height: 10em;
    }
    .xsp-responsive-modal .xspPickerNameListLeft{
        padding-right:15px;
    }
    .xsp-responsive-modal .xspPickerNameListRight{
        padding-left:15px;
        margin-top:10px;
    }
    .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: 1px solid #DDDDDD;
	border-radius: 15px;
	display: inline-block;
	padding: 3px 10px;
	margin:6px 2px;
}
.xspFilter, .xspClose{
	color: #337ab7;
	text-decoration: none;
}
.xspClose {
	margin-left: 8px;
	font-weight:bold;
}

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

/* Application Layout*/
.applayout-main {	
}
.applayout-content {
	padding: 10px;
}
.applayout-column-left {
	padding: 10px 6px;
}
.applayout-column-right {
	padding: 10px 6px;
}
.applayout-footer {
	display: table; margin-left: auto; margin-right: auto; text-align: center;
}
.applayout-legal {
}
.applayout-searchbar {	
	margin-top: 5px;
	margin-bottom: 5px;
}
.applayout-searchbtn {
	z-index: 5;
	height: 34px;
}
.applayout-banner-container .applayout-searchbar {	
	margin-top: 8px;
	margin-bottom: 8px;
}
.applayout-searchbar select {
	margin-right: 7px;
}
.applayout-main .navbar.applayout-titlebar {
	z-index: 995;
	margin-bottom: 0;
}
.applayout-titlebar-border {
	border: 1px solid #DDDDDD;
}
.applayout-titlebar-tabs {	
	margin: 4px 0 0 0;
	padding-top: 3px;
}
.applayout-titlebar-name {
	margin: 0 30px;
	padding-top: 10px;
	line-height: 20px;
	float: left;
}
.applayout-titlebar-name.applayout-titlebar-name-padding{
	line-height: 30px;
}
.applayout-titlebar-inner ul:nth-child(2) > li {
	margin-left: 12px;
}
.applayout-titlebar-inner h4:nth-child(2) {
	margin-left: 12px;
}
.applayout-banner {	
	margin-bottom: 0px;
  	min-height: 20px;
  	border-radius: 0px;
}
.xsp .navbar.applayout-placebar {
	vertical-align: middle;
	margin-bottom: 0px;
  	min-height: 20px;
  	z-index: 994;
  	border-bottom-width: 1px;
  	border-color: #DDDDDD;
 }
.applayout-placebar-title {
	float: left;
	padding: 8px;
}
.applayout-placebar-title h3 {
	margin: 5px 0 0 15px;
	line-height: 1.1;
	font-weight: 500;
}
.applayout-placebar-actions {
	margin-bottom: 0px;
	padding: 8px;
	min-height: 0px;
}

.applayout-placebar-actions .btn-default{
	margin-bottom: 0px;
}

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

.dashlayout-footer {
	padding: 0px 10px 10px 10px;
	text-align: center;
}
/* table */
.xsp .table {
	margin-bottom: 0px;
}

.nav-search-panel {
	margin-left: 8px;
}

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

.table.xspDataTableFileDownload > tbody td{
	padding: 5px !important;
}

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

/* Form Table */
.xspFormTableContainer {
	margin: 8px 0px;
}
.xspFormTableContainer .form-table-legend {
	margin: 0px;
	border-bottom: 1px solid #ccc;
}
.xspFormTableContainer .row .row,
.xspFormTableContainer .form-group {
	margin-bottom: 8px;
}
@media (min-width: 768px) {
	.xspFormTableContainer .form-group label,
	.xspFormTableContainer .xspFormTableRowData,
	.xspFormTableContainer .xspFormTableRowHelp{
		padding-top: 7px;
	}
	.xspFormTableContainer .xspFormTableRowData > input[type="text"],
	.xspFormTableContainer .xspFormTableRowData > input[type="password"],
	.xspFormTableContainer .xspFormTableRowData > input[type="file"]{
		margin-top: -7px;
	}
}
.xspFormTableContainer .xspFormTableRowData .radio,
.xspFormTableContainer .xspFormTableRowData .radio label,
.xspFormTableContainer .xspFormTableRowData .checkbox,
.xspFormTableContainer .xspFormTableRowData .checkbox label{
	padding-top: 0px;
}
.xspFormTableContainer .form-title .form-title-meta,
.xspFormTableContainer .form-title .form-alt-text{
	color: #666;
}
.xspFormTableContainer .form-title .form-title-meta{
	font-size: 14px;
	margin-top: 4px;
}
.xspFormTableContainer .alert{
	margin-bottom: 0px;
}
.xspFormTableContainer .alert .text-error {
	font-weight: bold;
	margin-left: -10px;
}
.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: 0px 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:-6px;margin-left:-1px;-webkit-border-radius:0 6px 6px 6px;-moz-border-radius:0 6px 6px 6px;border-radius:0 6px 6px 6px;}
.dropdown-submenu>a:after{display:block;content:" ";float:right;width:0;height:0;border-color:transparent;border-style:solid;border-width:5px 0 5px 5px;border-left-color:#000000;margin-top:5px;margin-right:-10px;}
.dropdown-submenu.pull-left{float:none;}.dropdown-submenu.pull-left>.dropdown-menu{left:-100%;margin-left:10px;-webkit-border-radius:6px 0 6px 6px;-moz-border-radius:6px 0 6px 6px;border-radius:6px 0 6px 6px;}
.btn-group.open .dropdown-submenu .dropdown-toggle{box-shadow:none;}
/*margin between icons and text in buttons*/
.btn .glyphicon {
	margin-right: 4px;
}

/* pxoving this style. Containing elements should handle padding/margin */
/*.btn-default {
	margin-bottom: 5px;
}*/

.input-group-btn .btn-default {
	margin-top: 0px;
	margin-bottom: 0px;
}
 
/*class to use for icon-only buttons*/
.btn.btn-icon .glyphicon {
	margin-right: 0;
}

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

.tooltip .tooltip-inner {
	max-width: none;
	background-color: #000;
    border-radius: 4px;
    color: #fff;
    padding: 3px 8px;
}

/* 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: 0px;
}

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

/* Tab Panel */
.tab-panel{
	margin: 10px;
}

/** Navigator **/
.navigator-twisty.glyphicon-plus-sign,
.navigator-twisty.glyphicon-minus-sign {
	font-size: 11pt;
	margin-right:6px;
	width:auto;
	color: #337ab7;
	display: block;
    float: left;
    padding: 12px 0;
}
/* padding for menu items */
.nav.nav-pills > li > a {
	padding-left: 22px;
}
.nav.nav-pills>li.active>a {
    border: 1px solid #337ab7;
}
/* extra padding for items in ContainerNode*/
.nav.nav-pills li > .nav.nav-pills {
	padding-left:20px;
}

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

/* data view control 
	color: #337ab7;*/
.xsp *[class*="glyphicon-"] {
	font-weight: normal;
}
.table.dataview .glyphicon-plus-sign,
.table.dataview .glyphicon-minus-sign{
	position: relative;
	top: 2px;
	font-size: 11pt;
	color: #337ab7;
}
.dataview .glyphicon-file{
	position: relative;
	left: 8px;
	font-size: 14px;
	top: 0px;
	color: #337ab7;
}
.table.dataview .xspFirstCell{
	padding-left: 20px;
}
.table.dataview h4{
	line-height: 1;
	font-weight: normal
}

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

/* Icons */
.table.dataview [class*="glyphicon-sort"],
.forumView [class*="glyphicon-sort"]{
	display: inline;
	padding: 0px 8px;
	color: #337ab7;
}

/* tag cloud */
.xspTagCloud{
	padding-top: 6px;	
}
.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: 1px 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: 5px;
}
.lotusFilters a.lotusFilter {
    background-color: #FAFAFA;
    border: 1px solid #DDDDDD;
    border-radius: 4px 4px 4px 4px;
    padding: 1px 3px;
    text-decoration: none;
}
.lotusFilters a .lotusClose {
    color: #AAAAAA;
    padding: 0 4px;
}


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

.btn + .btn {
	margin-left: 5px;
}

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

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

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

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

/* dashboard layout sidebar */

.sidebar {
    background-color: #F5F5F5;
    border-right: 1px solid #EEEEEE;
    display: block;
    overflow-x: hidden;
    overflow-y: auto;
    padding: 15px 6px;
    z-index: 996;
    position: relative;
}

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

.xspSimpleNavbarText{
	font-size: 18px;
	font-weight: bold;
	padding: 13px 12px;
	float:left;
}

.row.xspDashboard {
	margin: 6px 0px;
}
.xspDashboard > h2 {
	margin: 0px 0px 10px 0px;
}

.xspDash {
	text-align: center;
	align-content: center;
	padding-top: 6px;
	padding-bottom: 6px;
}
.xspDash .xspDashTitle{
	margin-bottom: 0px;
}
.xspDash .glyphicon{
	font-size: 72pt;
}

.xspCollapsibleMenu {
	padding: 8px 6px;
}
.applayout-banner-container .xspCollapsibleMenu{
	float: left;
}
.xspCollapsibleMenu ul.dropdown-menu{
	padding: 4px; 
	margin: 0px 4px;
	min-width: 200px;
}

.xspDash .dashBadge {
	font-size: 18px;
	margin-left: 4px;
	top: -2px;
	position: relative;
}

.xspDash .xspNodeDescription {
	display: block;
}

/**
 * Carousel styles
 */
 .xspCarousel {
     margin-bottom: 20px;
 }
 .xspCarousel .item {
     text-align: center;
 }
 .xspCarousel .item h1{
     font-size: 72px;
 }
.xspCarousel .prev-slide,
.xspCarousel .next-slide {
	opacity: 1.0;
}
 .xspCarousel .item .slideDescr{
     font-size: 16px;
 }
 .xspCarousel .item .slideBtnContainer{
     padding: 10px;
 }
 .xspCarousel .carousel-control:focus{
     outline: 0px;
 }
/**
 * 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: 13px;
	margin-bottom: 13px;
}
.xspNavbar .navbar-link,
.xspNavbar .navbar-btn {
	float: inherit;
	margin-left: 15px;
	margin-right: 15px;
}
.xspNavbar .navbar-text:hover{
	cursor: default;
}
.xspNavbar .navbar-form{
	float: inherit;
}
.xspNavbar .navbar-form .form-control{
	margin-left: 4px;
	margin-right: 4px
}
.navbar.navbar-static-top,
.navbar.navbar-static-bottom,
.navbar.navbar{
	z-index: 997;
}

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

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

/***********************************************************************	
	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: 16px;
	height:30px;
}

/* styling of icons in dojo comboboxes */
.dbootstrap .dijitComboBox input.dijitArrowButtonInner {
	display: block;
    margin-left: -5px;
    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: 25px;
	height: 28px;	
}
.dbootstrap .dijitComboBox.dijitDateTextBox input.dijitArrowButtonInner,
.dbootstrap .dijitComboBox.dijitTimeTextBox input.dijitArrowButtonInner {
    display: block;
    margin-left: -4px;
    width: 14px;
    color: transparent;
}
.dbootstrap .dijitComboBox.dijitDateTextBox input.dijitArrowButtonInner {
    background-image: url("/xsp/.ibmxspres/.extlib/responsive/xpages/img/glyphicons-halflings.png");
    background-position: -192px -120px;
}
.dbootstrap .dijitComboBox.dijitTimeTextBox input.dijitArrowButtonInner {
    background-image: url("/xsp/.ibmxspres/.extlib/responsive/xpages/img/glyphicons-halflings.png");
    background-position: -49px -24px;
}

/* Dojo checkbox & radio button */
.dbootstrap .dijitCheckBox.dijitCheckBoxChecked.dijitChecked {
	font-size: 9.5px;
	padding: 0px;
}
.dbootstrap div.dijitCheckBox + label,
.dbootstrap div.dijitRadio + label {
	font-weight: normal;
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif";
	font-size: 14px;
	margin: 5px;
}
.icon-ok:before, .dbootstrap .dijitRadio.dijitRadioChecked:before {
	content: "\f111";
}
.dbootstrap .dijitRadio.dijitRadioChecked {
	font-size: 8.5px;
	padding: 0px;
}

/** dojoTabContainer **/
.dbootstrap .dijitTabContainer .dijitContentPane.dijitTabPane {
	height: 100% !important;
	width: 100% !important;
}
/* Use GlyphIcon for the X on tabs */
.dbootstrap .dijitTabCloseButton.dijitTabCloseIcon {
	font-family: Glyphicons Halflings;
	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: 6px 12px;
}
/* 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: 1px solid #DDDDDD;
    color: #337ab7;
    font-family: "Glyphicons Halflings";
    opacity: 1;
    font-size: 9pt;
    padding: 9px 2px;
    width: 18px;
    height: 38px !important;
    position: absolute !important;
    top: 1px !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: 0px;
    margin-left: 2px;
}
.dbootstrap .dijitTabContainer .dijitTabController .dijitTab.tabStripButton.dijitAlignRight.dijitbelow-altArrowButton {
    padding-top: 10px;
}
/* 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;
}

.xsp.dbootstrap .dijitUpArrowButton .dijitArrowButtonInner:before {
	content: " ";
    border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #000000;
    border-style: solid;
    border-width: 5px;
    content: " ";
    display: block;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 12px;
    height: 0;
    left: 5px;
    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: 5px;
    content: " ";
    display: block;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 12px;
    height: 0;
    left: 5px;
    top:3px;
    position: relative;
    width: 0;
}

/** Use glyphicons in dojo checkbox and dojo radio button **/
.xsp.dbootstrap .dijitCheckBox.dijitCheckBoxChecked:before{
    content: "\e013";
    font-family: "Glyphicons Halflings";
    font-size: 9px;
    left: 1px;
    position: relative;
    color: #337ab7;
}

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

/** radio button with dojo type set **/
.xsp.dbootstrap .radio .dijitRadio.dijitRadioChecked:before {
    line-height: 20px;
}
.dj_chrome .xsp.dbootstrap .radio .dijitRadio.dijitRadioChecked:before {
    line-height: 14px;
}

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

.xsp.dbootstrap .dijitRadio{
	margin: 0px 2px;
}

/** Use glyphicons for arrows on dojo menu buttons */
.xsp.dbootstrap tr.dijitMenuItem td:last-child {
    padding-right: 10px;
}
.xsp.dbootstrap .dijitTitlePane .dijitArrowNode {
    margin-right: 15px;
}
.xsp.dbootstrap .dijitMenuArrowCell .dijitMenuExpand:before,
.xsp.dbootstrap .dijitTitlePane .dijitClosed .dijitArrowNode:before {
    font-family: "Glyphicons Halflings";
    content: "\e080";
    font-size: 12px;
    padding-left: 10px;
    position: relative;
    top: -1px;
    color: #337ab7;
}
.xsp.dbootstrap .dijitMenuArrowCell .dijitMenuCollapse:before,
.xsp.dbootstrap .dijitTitlePane .dijitOpen .dijitArrowNode:before {
    font-family: "Glyphicons Halflings";
    content: "\e114";
    font-size: 12px;
    padding-left: 10px;
    position: relative;
    top: -1px;
    color: #337ab7;
}
.xsp.dbootstrap .dijitInputContainer {
    padding: 4px;
}

.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: "Glyphicons Halflings";
    color: #337ab7;
}
.xsp .icon-arrow-left:before {
    font-family: "Glyphicons Halflings";
    color: #337ab7;
}

.xsp .icon-arrow-right:before{
    content: "\e080";
    font-family: "Glyphicons Halflings";
    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: -108px center;
    width: 18px;
    height: 18px;
    vertical-align: middle;
}

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


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

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

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

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

/* Correct the glyphicon font references */
@font-face{
	font-family:'Glyphicons Halflings';
	src:url(/xsp/.ibmxspres/.extlib/responsive/bootstrap3/fonts/glyphicons-halflings-regular.eot);
	src:url(/xsp/.ibmxspres/.extlib/responsive/bootstrap3/fonts/glyphicons-halflings-regular.eot?#iefix) format('embedded-opentype'),url(/xsp/.ibmxspres/.extlib/responsive/bootstrap3/fonts/glyphicons-halflings-regular.woff2) format('woff2'),url(/xsp/.ibmxspres/.extlib/responsive/bootstrap3/fonts/glyphicons-halflings-regular.woff) format('woff'),url(/xsp/.ibmxspres/.extlib/responsive/bootstrap3/fonts/glyphicons-halflings-regular.ttf) format('truetype'),url(/xsp/.ibmxspres/.extlib/responsive/bootstrap3/fonts/glyphicons-halflings-regular.svg#glyphicons_halflingsregular) format('svg')
}
/*eof*/