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

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



@media (min-width: 992px){
	.no-padding{
		padding-right: 5px!important;
		padding-left: 5px!important;
	}

	.no-padding-left-only{
		padding-left: 5px!important;
	}

	.no-padding-right-only{
		padding-right: 5px!important;
	}
}

.label-margin-bot{
	margin-bottom: .5rem!important;
}

.no-margin-bot{
	margin-top: .5rem!important;
	margin-bottom: 0rem!important;
}

.rounded-custom {
    border-radius: 1rem!important;
    border-top-left-radius: 1.25rem !important;
    border-top-right-radius: 1.25rem !important;
    border-bottom-right-radius: 1rem !important;
    border-bottom-left-radius: 1rem !important;
}

.card-header-custom {
    padding: 0.25rem !important;
    padding-top: 0.25rem !important;
    padding-right: 0.25rem !important;
    padding-bottom: 0.25rem !important;
    padding-left: 0.25rem !important;
    /*background-color: #F2C94C !important;*/
    background-image: url("../src/img/BannerBackground.jpg") !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    /*background-size: auto 100% !important;*/
}

.card-header-static {
	background-image: url("../src/img/BannerBackground.jpg") !important;
    background-repeat: no-repeat !important;
    background-position: center !important;	
}

.subheader-margin-bot-custom{
	margin-bottom: 0.25rem !important;
}

@media (min-width: 576px){
	.margin-card-header-text{
		margin-left: 6rem !important;
	}
}

.itinerary {
  column-count: 3;
  column-gap: 40px;
  column-rule-style: solid;
}

.column-stack {
        display: -ms-flexbox !important;
        display: flex;
        -ms-flex-pack: justify !important;
        justify-content: space-between;
    }

    .column-stack ul {
        flex-grow: 1;
        flex-basis: 1px;
    }

.headers {
    display:flex;
  
}

input[type='checkbox'] { 
	margin-right: 5px !important;
}

/*@media (min-width: 576px){
	p{
		font-size: .5rem !important;
	}
}*/