/* XPages Application CSS */
.container {max-width: 1680px;}
.container-fluid {max-width: 1680px;}

.nav-pills > li.active > a, .nav-pills > li.active > a:hover, .nav-pills > li.active > a:focus
{
  font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
  color: #000000;
  background-color: #ffb700;    
  }
.btn-primary {
    background: #ffb700;
    color: #000000;
    border-color:#b68705;
}
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary {
	background: #e6aa05;
	color: #000000;
}

.navbar-default {
  background-color: #606060;
  border-color: #3b9d9b;  
}
.navbar-default .navbar-brand {
  color: #000000;
}
.navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus {
  color: #ffffff;  
}
.navbar-default .navbar-text {
  color: #000000;
}
.navbar-default .navbar-nav > li > a {
  color: #ffffff;
}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
  color: #ffffff;  
  background-color:#000000;
}
.navbar-default .navbar-nav > li > .dropdown-menu {
 background-color: #606060;
}
.navbar-default .navbar-nav > li > .dropdown-menu > li > a {
  color: #ffffff;
}
.navbar-default .navbar-nav > li > .dropdown-menu > li > a:hover,
.navbar-default .navbar-nav > li > .dropdown-menu > li > a:focus {
  color: #ffffff;
  //background-color: #3b9d9b;
  background-color: #000000;
}
.navbar-default .navbar-nav > li > .dropdown-menu > li > .divider {
  background-color: #606060;
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
  color: #ffffff;
  //background-color: #3b9d9b;
  background-color: #000000;
}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
  color: #ffffff;
  //background-color: #3b9d9b;
  background-color: #000000;
}
.navbar-default .navbar-toggle {
  border-color: #3b9d9b;
}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
  background-color: #3b9d9b;
}
.navbar-default .navbar-toggle .icon-bar {
  background-color: #000000;
}
.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
  border-color: #000000;
}
.navbar-default .navbar-link {
  color: #000000;
}
.navbar-default .navbar-link:hover {
  color: #ffffff;
}

.navbar-brand-img {
	cursor: pointer;
}

/* Navbar search field changes */
.navbar.applayout-titlebar .applayout-searchbar input {
	border: 2px solid #ffb700;
}

.navbar.applayout-titlebar .applayout-searchbar button {
 	background-color: #ffb700;
 }
 
.heading-top-front {text-align:center; margin-top:0px; margin-bottom:5px;}

.carousel-control.left
{
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0) 0px, rgba(0, 0, 0, 0) 100%);
  background-repeat: repeat-x;
}

.carousel-control.right
{
  right: 0px;
  left: auto;
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0) 0px, rgba(0, 0, 0, 0) 100%);
  background-repeat: repeat-x;
}

.col-centered{
    float: none;
    margin: 0 auto;
}

/* Large Devices, Wide Screens */
@media only screen and (max-width : 1216px) {
		    .navbar-header {
        float: none;
    }
    .navbar-toggle {
        display: block;
    }
    .navbar-collapse {
        border-top: 1px solid transparent;
        box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
    }
    .navbar-collapse.collapse {
        display: none!important;
    }
    .navbar-nav {
        float: none!important;
        margin: 7.5px -15px;
    }
    .navbar-nav>li {
        float: none;
    }
    .navbar-nav>li>a {
        padding-top: 10px;
        padding-bottom: 10px;
    }
    .navbar-text {
        float: none;
        margin: 15px 0;
    }
    /* since 3.1.0 */
    .navbar-collapse.collapse.in { 
        display: block!important;
    }
    .collapsing {
        overflow: hidden!important;
    }	
}

/* Medium Devices, Desktops */
@media only screen and (max-width : 992px) {

}

/* Small Devices, Tablets */
@media only screen and (max-width : 768px) {
  .navbar-default .navbar-nav .open .dropdown-menu > li > a {
    color: #000000;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
    color: #ffffff;
  }
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #ffffff;
    background-color: #3b9d9b;
  }
}

/* Extra Small Devices, Phones */ 
@media only screen and (max-width : 480px) {

}

/* Custom, iPhone Retina */ 
@media only screen and (max-width : 320px) {

}
@media (max-width: 992px) {
	.xsp .xspDashboard .todoGlyphSize {
		font-size:72pt;
	}
}
@media (max-width: 768px) {
	.xsp .xspDashboard .todoGlyphSize {
		font-size:50pt;
	}
}

@media (max-width: 768px) {
	.buttonPanel,
	.dashPager {
		text-align: left;
	}
	.buttonPanel,
	.dashPager .pagination {
		margin: 4px 0px;
	}	
	div.pull-right,
	div.pull-left {
		width: 100%;
	}
}

.hidden {display:none;}

.text-bottom {
	display: inline-block;
    vertical-align: bottom;
    float: none;
}

.button-footer-home {
	margin-left: 25px;
	margin-top: 5px;
	
}

.qb-colors-green-background {background-color: #037d7b;}
.qb-colors-orange-background {background-color: #ffb700;}
.qb-colors-light-gray-background {background-color: #dddddd;}
.qb-colors-green-text {color: #037d7b;}
.qb-colors-orange-text {color: #ffb700;}
.qb-colors-light-gray-text {color: #dddddd;}

.border-red {border:1px solid red;}
.background-wanted{background-color: #ffffcc;}
.listing-internal {}
.listing-customer {}

.legal-header {
	background: #037d7b;
	border-color: #037d7b;
	padding-top: 1.0em;
	padding-bottom: 1.0em;
}

.legal-ingress {
	font-size: 130%;
	font-weight: 500;
	color: #999999;
}

.legal-simple-text {
	font-size: 130%;	
}

.xsp .breadcrumbs-override{background-color: #c0c0c0;text-color:black;}
.xsp .dashboardFront {padding-top:15px;padding-bottom:15px;background-color:#606060;}
.xsp .mainFeature > div {height:340px; background-color:#ffffff;}

.xsp .feature > div {height:340px; background-color:#f2f2f2;}
.xsp .feature2-image {max-height:180px;}
.xsp .feature2-text {max-height:115px;overflow:hidden;margin-bottom:5px;}


.bottom-aligned {position:absolute;bottom:1.8em;}
.xsp .btn-dash-front {white-space: normal;margin-bottom:3px;}
.xsp .btn-dash-front:active {background: inherit;}
.xsp .btn-right-icon-red{white-space: inherit ! important;margin-left:5px;}
.xsp .margin-bottom-5{margin-bottom: 5px;}
.xsp .filter-selected-value {padding:2px;border:1px solid #f2f2f2;margin-right:5px;display:inline-block;font-size: 0.8em;}
.xsp .icon-remove{font-weight:bold;color:#d9534f;}
.xsp .footer1{border-top:4px solid #037d7b; background-color:#606060;color:#e0e0e0;padding-top: 15px; padding-left: 10px;}
.xsp .footer1-heading {font-weight:bold;color:#ffffff;}
.xsp .footer1 .panelStyle{background-color:#606060;color:#e0e0e0;}
.xsp .footer1 a,a:active{color:#e0e0e0;}
.xsp .footer1 a:hover{color:#ffffff;}
.xsp .footer1-center{text-align:center;}
.xsp .utilIcon {}

.xsp .xspDashboard .todoGlyphSize {
	font-size:100pt;
}

.xsp .navbar-collapse {
	text-align:left;
}
.xsp .navbar-collapse .applayout-links li {
	text-align:center;
}
.xsp .navbar-collapse .applayout-utility-links li {
	display:inline-block;
}
.table.dataview td {
	vertical-align: middle;
}

.eListingIcon {
	color: #037d7b;
	
}

.margin-right{margin-right:10px;}
.font-minus-1 {font-size:-1px;}
.table-responsive
{
    overflow-x: auto;
}

.elisting-id {
	background-color:#f2f2f2;
	font-weight:bold;
	font-size:1.1em;
}

.availability-rent {background-color:#ffff99;}

.lightbox-rowstyle{}
.lightbox-rowstyle a{}
.lightbox-colstyle {min-height:205px;}
.lightbox-colstyle IMG.displayed {
	display: block;
	margin-left: auto;
    margin-right: auto;    
 }
 .rfq-form-style {background-color:#f2f2f2;}
 .rfq-form-heading {}
 .form-spacing {margin-bottom:5px;}
 .rfq-form-buttonrow {margin-top:20px;}
  
/*
.breadcrumb>li+li:nth-last-child(1):before {content: "<< ";}
*/

.col-centered {float:none;margin:0 auto;}
.text-centered {text-align:center;}
.yellownote-front {	
	margin-right:5%;
	float:right;
}
.red-x {color:#d9534f;}
.red-x a {color: #d9534f;}
.red-x a:link {color:#d9534f;}
.red-x a:hover {color:#d9534f;}
.red-x a:active {color:#d9534f;}
.red-x a:visited {color:#d9534f;}

.login-form {
	max-width: 600px;
	margin: auto;	
}
.login-form-header {
	background-color: #000000;		
}

.border-round-gray {	
	border-color: #f1f1f1;
	border-style: solid;
	border-width: 2px;
	border-radius: 25px;
    border: 2px solid #f1f1f1;
    padding: 20px;    
}