/*!
 * HPN custom CSS for nav and footer elements
 * Copyright Travel Prologue 
 */
        
/* Bootstrap navbar */
.navbar-inverse {
    background-color: #f0ab59;
    border-color: #ccc;
}
/* title */
.navbar-inverse .navbar-brand {
    color: #fffff;
}
.navbar-inverse .navbar-brand:hover,
.navbar-inverse .navbar-brand:focus {
    color: #ccc;
}
/* link */
.navbar-inverse .navbar-nav > li > a {
    color: #000;
    font: bold;
}
.navbar-inverse .navbar-nav > li > a:hover,
.navbar-inverse .navbar-nav > li > a:focus {
    color: #fff;
    font-weight: bold;
}
.navbar-inverse .navbar-nav > .active > a, 
.navbar-inverse .navbar-nav > .active > a:hover, 
.navbar-inverse .navbar-nav > .active > a:focus {
    color: #000;
    background-color: #E7E7E7;
}
.navbar-inverse .navbar-nav > .open > a, 
.navbar-inverse .navbar-nav > .open > a:hover, 
.navbar-inverse .navbar-nav > .open > a:focus {
    color: #000;
    background-color: #D5D5D5;
}
/* caret */
.navbar-inverse .navbar-nav > .dropdown > a .caret {
    border-top-color: #777;
    border-bottom-color: #777;
}
.navbar-inverse .navbar-nav > .dropdown > a:hover .caret,
.navbar-inverse .navbar-nav > .dropdown > a:focus .caret {
    border-top-color: #333;
    border-bottom-color: #333;
}
.navbar-inverse .navbar-nav > .open > a .caret, 
.navbar-inverse .navbar-nav > .open > a:hover .caret, 
.navbar-inverse .navbar-nav > .open > a:focus .caret {
    border-top-color: #555;
    border-bottom-color: #555;
}
/* mobile version */
.navbar-inverse .navbar-toggle {
    border-color: #fff;
}
.navbar-inverse .navbar-toggle:hover,
.navbar-inverse .navbar-toggle:focus {
    background-color: #599ef0;
}
.navbar-inverse .navbar-toggle .icon-bar {
    background-color: #fff;
}
@media (max-width: 767px) {
    .navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
        color: #333;
    }
    .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover,
    .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus {
        color: #fff;
    background-color: #599ef0;
        font-weight: bold;
    }
}

/* adjust sticky bootstrap footer */

html,
body {
    height: 100%;
    /* The html and body elements cannot have any padding or margin. */
}
/* Wrapper for page content to push down footer */

#wrap {
    min-height: 100%;
    height: auto !important;
    height: 100%;
    /* Negative indent footer by it's height */
    
    margin: 0 auto -60px;
}
/* Set the fixed height of the footer here */

#push,
#footer {
    height: 60px;
}
#footer {
    background-color: #f5f5f5;
}
@media (max-width: 767px) {
    #footer {
        margin-left: -20px;
        margin-right: -20px;
        padding-left: 20px;
        padding-right: 20px;
    }
}
#wrap > .container {
    padding-top: 60px;
}
.container .credit {
    margin: 20px 0;
}
code {
    font-size: 80%;
}

/*style.css*/
.gridStyle {
    border: 1px solid rgb(212,212,212);
    width: 100%; 
    height: 200px
}

.grid2 {
  width: 500px;
  height: 200px;
}

/*style for image carousel slider - hotel and room pics */
.carousel {
	margin-bottom: 0;
	padding: 0 40px 30px 40px;
}

.carousel-control {
	left: -12px;
}
.carousel-control.right {
	right: -12px;
}

.carousel-indicators {
	right: 50%;
	top: auto;
	bottom: 0px;
	margin-right: -19px;
}

.carousel-indicators li {
	background: #c0c0c0;
}

.carousel-indicators .active {
background: #333333;
}

/* view button color - used the tool at http://blog.koalite.com/bbg/*/
.btn-view { 
  color: #FFFFFF; 
  background-color: #B48FE3; 
  border-color: #ffffff;
} 
 
.btn-view:hover, 
.btn-view:focus, 
.btn-view:active, 
.btn-view.active, 
.open .dropdown-toggle.btn-view { 
  color: #FFFFFF; 
  background-color: #6D46F0; 
  border-color: #ffffff; 
} 
 
.btn-view:active, 
.btn-view.active, 
.open .dropdown-toggle.btn-view { 
  background-image: none; 
} 
 
.btn-view.disabled, 
.btn-view[disabled], 
fieldset[disabled] .btn-view, 
.btn-view.disabled:hover, 
.btn-view[disabled]:hover, 
fieldset[disabled] .btn-view:hover, 
.btn-view.disabled:focus, 
.btn-view[disabled]:focus, 
fieldset[disabled] .btn-view:focus, 
.btn-view.disabled:active, 
.btn-view[disabled]:active, 
fieldset[disabled] .btn-view:active, 
.btn-view.disabled.active, 
.btn-view[disabled].active, 
fieldset[disabled] .btn-view.active { 
  background-color: #B48FE3; 
  border-color: #ffffff; 
} 
 
.btn-view .badge { 
  color: #B48FE3; 
  background-color: #FFFFFF; 
}

.btn-refresh {
  background-color: hsl(195, 60%, 35%) !important;
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#2d95b7", endColorstr="#23748e");
  background-image: -khtml-gradient(linear, left top, left bottom, from(#2d95b7), to(#23748e));
  background-image: -moz-linear-gradient(top, #2d95b7, #23748e);
  background-image: -ms-linear-gradient(top, #2d95b7, #23748e);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #2d95b7), color-stop(100%, #23748e));
  background-image: -webkit-linear-gradient(top, #2d95b7, #23748e);
  background-image: -o-linear-gradient(top, #2d95b7, #23748e);
  background-image: linear-gradient(#2d95b7, #23748e);
  border-color: #23748e #23748e hsl(195, 60%, 32.5%);
  color: #fff !important;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.16);
  -webkit-font-smoothing: antialiased;
}

.hpnlineseparator {
    height: 13px;
    border: 0;
    box-shadow: inset 0 12px 12px -12px rgba(0, 0, 0, 0.5);
}

.hpntitleline {
    height: 9px;
    border: 0;
    box-shadow: inset 0 12px 12px -12px rgba(0, 0, 0, 0.5);
}

/* correct button being displaced too far down the panel heading when the button is pull-right */
.panel-heading h3 {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    line-height: normal;
    width: 75%;
    padding-top: 8px;
}

.ulsso{
   list-style:none; 
   margin:0; 
   padding:0;
}

.lisso{
   float:left;
   padding:5px;
   border:solid #666 0;
   cursor: pointer;
}

#gridbox{ 
  z-index: 10;
   width:300px;
   height:120px; 
   background-color:#FFF;
   box-shadow:0 0 10px #CCC; 
   border:solid #CCC 1px;
   font-size:18px;
   color:#666;
   overflow:hidden;
   display:none;
   right: 5px;
   position:absolute;
}

#innergrid{
    width:300px;
    height:120px;
    overflow:hidden; 
    margin:15px;
    position:absolute;
}

.arrow{
    /*margin-right: 0px;*/
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 15px 20px 15px;
    border-color: transparent transparent #efefef transparent;
    display: none;
    /*position:absolute;*/
}

#icons img{
   width: 80px;
   height: 90px;
}

#menu
{ 
  cursor:pointer;
  position: relative;
}

#signout
{ 
  position: relative;
}

/* remove border line colour and margin from the bottom of the bootstrap navbar */
.navbar {
    /*background-color: #99ccff; */
    border: 0;
    margin-bottom: 0;
}

#welcometext
{
    line-height: 14px;
    color: #000;
    float: left;
    padding: 10px;
    font-size: large;
}

#wrapper
{
  float: left;
  display: inline;
}

hr {
    border: none;
    height: 2px;
    /* Set the hr color */
    color: #E7E7E7; /* old IE */
    background-color: #E7E7E7; /* Modern Browsers */
}

.hotel-selector > .dropdown-menu {
   width: 700px;
}

.roomCatColour {
    color: #fff;
    background-color: #32abc9;
    border-color: #32abc9;
}
/*.dropdown-menu {
   width: 700px;
}
*/