/*
// Custom css mainly use for xpages view
*/

/* override xpage body fonts */
body.xsp {
    font-size: 1.2em!important;
    line-height: 1.5!imnportant;
}

/* for pager and search input to center on small devices */
@media (max-width: 768px){
	.pull-left, .pull-right{
		text-align: center!important;
		float: none!important;
		margin: auto!important;
	}
	.pull-left ul, .pull-right ul{
		margin-top: 5px!important;
		margin-bottom: 0px!important;
	}
}

/* To remove the item when printing a document */
@media print{
   .noprint{
       display:none;
   }
}

/* override column header with checkbox */
.xspFirstCell{
	border-bottom: 0!important;
	width: 40px!important;	
}

/* xpage data view control column with actions */
.custom-action-button {
	border-bottom: 0!important;
	width: 30px!important;	
}

/* xpage data view control column icon */
.custom-action-button .glyphicon{
	font-size: 1.1em;	
}

/* override default column header */
th[role=columnheader]{
	border-bottom: 0!important;
}

.table.dataview{
	display: table;
}
.table.dataview > tbody > tr >{
	display:table-row!important;
}
.table.dataview > tbody > tr > td {
	display: table-cell !important;
	max-width: 300px!important;
}

.table.dataview > tbody > tr > td > div {

	overflow: hidden;
	word-wrap: break-word!important;
	white-space:normal!important;
	overflow: hidden!important;
	text-overflow: ellipsis!important;
	
	white-space: normal!important;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1!important;
}

/* hide the empty view column header */
/* categorized view */
.dataview > thead > tr > th:empty{
	display: none;
}

.search-view {
    display: inline-block;
    padding-left: 0;
    margin: 20px 0;
    margin-top: 20px;
    margin-right: 0px;
    margin-bottom: 20px;
    margin-left: 20px;
    border-radius: 4px;
}

.avatar {
    border-radius: 50%!important;
    height: 30px;
    width: 30px;
}
/* xpages expand/collapse view icon */
.table.dataview .glyphicon-plus-sign, .table.dataview .glyphicon-minus-sign {
    font-size: 1em!important;
    color: #6c757d82!important;
    font-weight: 600!important;
}
.table.dataview h4 {
    font-weight: 600!important;
    color: #4c5667!important;
    font-size: 1em!important;
}
.table.dataview tbody{
	font-size: 1em!important;
}

.blue-button {
	color: #FFF !important;
	background-color: #03244B !important;
	border-color: #03244B !important;
}

.services-button a:hover{
	background: #FFF;
}

.services-button {
	padding-left : 0px !important;
}