html {
  height: 100%; 
}


body{  font-family: "Open Sans",  Helvetica, Arial, sans-serif; }

/*
need to audit all this to clean up unused classes
*/

/*
a { color: #666; padding: 0;margin: 0;}
a:visited { color: #0271CA; padding: 0;margin: 0;}
*/

/* Generic Styles */

p.lead{ font-size: 120%;}

/* heading  sizes */
h1 {
  font-size: 32px;
  font-weight: normal;
  font-family:   Helvetica, Arial, sans-serif;
}
h1.smaller {
  font-size: 31px;
}
h1.bigger {
  font-size: 33px;
}
h1.block {
  margin-bottom: 16px;
}
h2 {
  font-size: 26px;
  font-weight: normal;
  font-family: "Open Sans",  Helvetica, Arial, sans-serif;
}
h2.smaller {
  font-size: 25px;
}
h2.bigger {
  font-size: 27px;
}
h2.block {
  margin-bottom: 16px;
}

.left h2 {color: grey;font-size: 2em;padding-left: 1em;padding-left: 40px; font-weight: 100;}

h3 {
    font-size: 22px;
    /*color: #0078ae;*/
    font-weight: normal;
    font-family: "Open Sans",  Helvetica, Arial, sans-serif;
}
h3.smaller {
  font-size: 21px;
}
h3.bigger {
  font-size: 23px;
}
h3.block {
  margin-bottom: 16px;
}
.left h3 {padding-left: 40px;color:  black;font-size: 1em;}

.blueback{
		color: #fff;
		background-color: #0078AE;
		padding: 1px 2px 1px 2px;
		margin: 2px;
		}


ul.calendar-name > li:first-child:before {
  content: url('img/calendar-icon.png');
  padding-right: 1em;
}

ul.calendar-name > li {
    list-style-type: none;
    padding-left: 25px;
}

ul.calendar-name > li a:hover, ul.calendar-name > li a:focus, ul.calendar-name > li a:visited, ul.calendar-name > li a:active{
    text-decoration: none;
}

h4 {
  font-size: 18px;
  font-weight: normal;
  color: #0078ae;
  font-family: "Open Sans",  Helvetica, Arial, sans-serif;
}
h4.smaller {
  font-size: 17px;
}
h4.bigger {
  font-size: 19px;
}
h4.block {
  margin-bottom: 16px;
}
h5 {
  font-size: 15px;
  font-weight: normal;
  color: #0078ae;
  font-family: "Open Sans",  Helvetica, Arial, sans-serif;
}
h5.smaller {
  font-size: 14px;
}
h5.bigger {
  font-size: 16px;
}
h5.block {
  margin-bottom: 16px;
}
h6 {
  font-size: 13px;
  font-weight: normal;
  color: #0078ae;
  font-family: "Open Sans",  Helvetica, Arial, sans-serif;
}
h6.smaller {
  font-size: 12px;
}
h6.bigger {
  font-size: 14px;
}
h6.block {
  margin-bottom: 16px;
}

/*  End headings */
/* lists */

ul,
ol {
  /*margin: 0 0 10px 25px;*/
  /*padding: 0;*/
}
ul.margin-5,
ol.margin-5 {
  margin-left: 5px;
}
ul.margin-10,
ol.margin-10 {
  margin-left: 10px;
}
ul.margin-15,
ol.margin-15 {
  margin-left: 15px;
}
ul.margin-20,
ol.margin-20 {
  margin-left: 20px;
}
li > ul,
li > ol {
  margin-left: 18px;
}

/* end lists */


/* table */
.table-fit{
width: auto;  /* make table fit its contents */
}



/* end border colours */

/* icons */
/*    override bootstrap to make lg btn same height as icon*/
.btn-lg{
padding: 12px 16px 12px 16px;
}


.btn-ulab {
 color:#fff;
 background-color:#0078AE;
 border-color:#00537A;
}
.btn-ulab.active,.btn-ulab.focus,.btn-ulab:active,.btn-ulab:focus,.btn-ulab:hover,.open>.dropdown-toggle.btn-ulab {
 color:#fff;
 background-color:#008DCF;
 border-color:#00537A;
}
.btn-ulab.active,.btn-ulab:active,.open>.dropdown-toggle.btn-ulab {
 background-image:none
}	
	
.btn-sample.disabled, 
.btn-ulab[disabled], 
fieldset[disabled] .btn-ulab, 
.btn-ulab.disabled:hover, 
.btn-ulab[disabled]:hover, 
fieldset[disabled] .btn-ulab:hover, 
.btn-ulab.disabled:focus, 
.btn-ulab[disabled]:focus, 
fieldset[disabled] .btn-ulab:focus, 
.btn-ulab.disabled:active, 
.btn-ulab[disabled]:active, 
fieldset[disabled] .btn-ulab:active, 
.btn-ulab.disabled.active, 
.btn-ulab[disabled].active, 
fieldset[disabled] .btn-ulab.active { 
  background-color: #0078AE; 
  border-color: #00537A; 
} 
 
.btn-ulab .badge { 
  color: #0078AE; 
  background-color: #ffffff; 
}


.icon-left-curve{
border-top-left-radius: 4px;
border-bottom-left-radius: 4px;

}

.icon {
    width: 50px; 
    padding-bottom: 50px; 
    display: inline-block;
    -webkit-background-size: 80% 80%;
    -moz-background-size: 80% 80%;
    -o-background-size: 80% 80%;
    background-size: 80% 80%;
    background-repeat: no-repeat; 
    background-position: center;
    margin-right: 0px;
    /*margin-bottom: 6px;*/
}


.icon-30{
    width: 30px;
    padding-bottom: 34px;
}


.icon-80{
    width: 80px; 
    padding-bottom: 80px;
}


.icon-140{
width: 140px;
height: auto;
}

.icon-margin-bottom{
    margin-bottom: 5px;
}

.icon.grey{ background-color: #ccc; }
.icon.active:hover{ background-color: #ccc; }
.icon-atom, .icon-atom.active, .icon-atom:hover, .panel-container.atom { background-image: url('../icons/atom.png'); }
.icon-beaker, .icon-beaker.active, .icon-beaker:hover, .panel-container.beaker { background-image: url('../icons/beaker.png'); }
.icon-boil, .icon-boil.active, .icon-boil:hover, .panel-container.boil { background-image: url('../icons/boil.png'); ;}
.icon-currencies, .icon-currencies.active, .icon-currencies:hover, .panel-container.currencies { background-image: url('../icons/currencies.png'); ;}
.icon-bunsen, .icon-bunsen.active, .icon-bunsen:hover, .panel-container.bunsen { background-image: url('../icons/bunsen.png'); }
.icon-dna, .icon-dna.active, .icon-dna:hover, .panel-container.dna { background-image: url('../icons/dna.png'); }
.icon-dropper, .icon-dropper.active, .icon-dropper:hover, .panel-container.dropper { background-image: url('../icons/dropper.png'); }
.icon-einstein, .icon-einstein.active, .icon-einstein:hover, .panel-container.einstein { background-image: url('../icons/einstein.png'); }
.icon-emc2, .icon-emc2.active, .icon-emc2:hover, .panel-container.emc2 { background-image: url('../icons/emc2.png');}
.icon-explosion, .icon-explosion.active, .icon-explosion:hover, .panel-container.explosion { background-image: url('../icons/explosion.png');}
.icon-hands, .icon-hands.active, .icon-hands:hover, .panel-container.hands { background-image: url('../icons/hands.png'); }
.icon-microscope, .icon-microscope.active, .icon-microscope:hover, .panel-container.microscope { background-image: url('../icons/microscope.png'); }
.icon-petri, .icon-petri.active, .icon-petri:hover, .panel-container.petri { background-image: url('../icons/petri.png'); }
.icon-poison, .icon-poison.active, .icon-poison:hover, .panel-container.poison { background-image: url('../icons/poison.png'); }
.icon-radioactive, .icon-radioactive.active, .icon-radioactive:hover, .panel-container.radioactive { background-image: url('../icons/radioactive.png'); }
.icon-rat, .icon-rat.active, .icon-rat:hover, .panel-container.rat { background-image: url('../icons/rat.png'); }
.icon-testtube, .icon-testtube.active, .icon-testtube:hover, .panel-container.testtube { background-image: url('../icons/testtube.png');}
.icon-analysis, .icon-analysis.active, .icon-analysis:hover, .panel-container.analysis {background-image: url('../icons/analysis.png');}
.icon-bench, .icon-bench.active, .icon-bench:hover, .panel-container.bench {background-image: url('../icons/bench-cupboard.png');}
.icon-desktop, .icon-desktop.active, .icon-desktop:hover, .panel-container.desktop {background-image: url('../icons/desktop.png');}
.icon-drill, .icon-drill.active, .icon-drill:hover, .panel-container.drill {background-image: url('../icons/drill.png');}
.icon-flume, .icon-flume.active, .icon-flume:hover, .panel-container.flume {background-image: url('../icons/flume.png');}
.icon-server, .icon-server.active, .icon-server:hover, .panel-container.server {background-image: url('../icons/server.png');}
.icon-rack, .icon-rack.active, .icon-rack:hover, .panel-container.rack {background-image: url('../icons/server-rack.png');}
.icon-spanner, .icon-spanner.active, .icon-spanner:hover, .panel-container.spanner {background-image: url('../icons/spanner.png');}

.icon-person {background-image: url('../icons/person.png');}
.icon-calendar {background-image: url('../icons/calendar.png');}
.icon-lab{background-image: url('../icons/lab_02.png');}
.icon-group{background-image: url('../icons/group.png');}

/* end icons */

/* colours */

.icon.teal{background-color: #5b8da9;}
.icon.dark-teal{background-color: #0078AE;}
.icon.pink{background-color: #d57ba4}
.icon.pale-orange{background-color: #f9c46a;}
.icon.orange{background-color: #f7931d;}
.icon.dark-orange{background-color: #F76F34;}
.icon.bright-green{background-color: #46DB90;}
.icon.dark-green{background-color: #658657;} /*background-color: #5D9731; background-color: #2A9E59; */
.icon.pale-green{background-color: #a2d07e;}
.icon.mauve{background-color: #a685bd;}
.icon.red{background-color: #f15f5c;} /*background-color: #ef5273;*/
.icon.dark-red{background-color: #DD4545;}
.icon.pale-blue{background-color: #7bcfdb;} /*background-color: #64ccef; background-color: #16B7EF;*/
.icon.blue{background-color: #1087c9;} /*background-color: #4dabda;*/
.icon.dark-blue{background-color: #375494;}
.icon.mid-blue{background-color: #507bbe;}
.icon.darkgrey{background-color: #6D6D6D;}

/* end icons & colours */

.full-height{ overflow-y: auto;
}

@media (min-width: 768px)
{
    .full-height {
	height: 100%;
	position: relative;
	
    }
    
    .wrapper {
	height: 100%;
	padding-top: 72px;
	position: relative;
    }
}
.padded-bottom {
 padding-bottom: 50px;
}

.margin-sides-15{
 margin-left: 15px;
 margin-right: 15px; 
}

.margin-sides-5{
 margin-left: 5px;
 margin-right: 5px; 
}


.padding-sides-15{
 padding-left: 15px;
 padding-right: 15px;
}

.margin-bottom-20{
 margin-bottom: 20px;
}

.wrapper.landing {
    padding-top: 0;
}

.content {overflow: hidden;}
.no-margin{ margin-left: 0; margin-right: 0;}
.no-padding{ padding-left:0; padding-right: 0;}

.nogutter {padding: 0;}

.textured {background: transparent url(img/texture.png) repeat right top;}

#mobile-menu {
    display: none;
    top: 10px;
    position: relative;
    right: 10px;
    cursor: pointer;
}

.login {
    height: 100%;
    width: 100%;
    background: transparent url('img/loginback.jpg') no-repeat center center fixed;
   -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-attachment: fixed;
}

.map {
    width: 100%;
    height: 500px;
}

.form-control.highlight {
    border: solid 1px #F00000;
}

.btn-submit:hover {
    background-color: #666;
}

.top-header {
    -moz-box-shadow: 0 3px 11px 0 rgba(50, 50, 50, 0.48);
    -webkit-box-shadow: 0 3px 11px 0 rgba(50, 50, 50, 0.48);
    box-shadow: 0 3px 11px 0 rgba(50, 50, 50, 0.48);
    background-color: #0078ae;
    height: 72px;
    position: fixed;
    width: 100%;
    z-index: 100;
 }

.top-header.landing {
    height: 100px;
    padding-top: 20px;
    position: relative;
}

.top-header .logo a {
    color: #fff;
}

.top-header .main-menu {
    height: 72px;
}

.top-header .main-menu ul {
    list-style: none;
    margin: 0;
}

.top-header .main-menu ul li {float: left;}

.top-header .main-menu ul > li > a {
    color: #fff;
    cursor: pointer;
    display: block;
    height: 72px;
    line-height: 72px;
    padding: 0 30px;
}

div.message {
    float: left;
    padding-top: 25px;
    padding-right: 20px;
}

a.message {
    height: 25px;
    color: white;
    font-weight: bold;
    text-indent: 20px;
    width: 25px;
}

a.message:hover {
    text-decoration: none;
}

.top-header .main-menu ul li.active a {
    background-color: #fff;
    color: #0078ae;
    font-weight: 700;
}

.column {
    background-color: #eee;
    height: 100%;
    overflow: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    position: relative;
    padding-bottom: 25px;
}

.column.content{ padding-bottom: 0;}

.column.right{padding-top: 15px;}

.column.nobackground {
    background: none;
    background-color: #FFF;
}

.shadow {
    -moz-box-shadow: inset -55px 40px 75px -55px #bbb;
    -webkit-box-shadow: inset -55px 40px 75px -55px #bbb;
    box-shadow: inset -55px 40px 75px -55px #bbb;
}

.plus, .minus{ cursor: pointer;}

.search {
    float: none;
    margin-top: 30px;
    overflow: hidden;
}

#search-input {width: 100%;}

.search input[type=text] {
    background: #FFF url(img/search.png) no-repeat scroll 15px 8px;
    border: solid 1px #bbb;
    -webkit-border-bottom-right-radius: 0;
    -moz-border-radius-bottomright: 0;
    border-bottom-right-radius: 0;
    border-right: none;
    -webkit-border-top-right-radius: 0;
    -moz-border-radius-topright: 0;
    border-top-right-radius: 0;
    float: left;
    height: 45px;
    margin-bottom: 20px;
    padding: 12px 12px 12px 50px;
    width: 87%;
}

.search button {
    background: #316BB5;
    border: none;
    color: #FFF;
    float: left;
    height: 45px;
    line-height: 45px;
    width: 13%;
}

.search button:hover {background-color: #666;}

.panel-container {
    clear: both;
    width: 100%;
    float: left;
}


/* book buttons */

a.button {
    float: right;
    color: #fff;
    height: 50px;
    position: relative;
}

.panel-container a.button:hover {
    text-decoration: none;
    background-color: #ccc;
}

a.button.book {
    padding: 0;
    background-image: url('../icons/white.png');
    background-repeat: no-repeat;
    background-position: 8px 10px;
    -webkit-background-size: 26px 30px;
    -moz-background-size: 26px 30px;
    -o-background-size: 26px 30px;
    background-size: 26px 30px;
    position: relative;
}

span.book-details {
    float: right;
    padding: 6px 0 0 60px;
    height: 40px;
    margin-right: 10px;
}

a.button span.text {float: left; padding: 10px 10px 0 10px;}
a.button.book span.text {padding: 16px 10px 0 46px;}
a.button .book-details span.text {padding: 10px 10px 0 0;font-size: 15px;}

a.button.book span.days{
    position: absolute;
    font-size: 12px;
    left: 14px;
    top: 22px;
}

a.button .book-detail{
    background-color: #fff;
    color: #ce4c1f;
    position: absolute;
    left: 0;
    height: 50px;
    width: 46px;
    background-image: url('../icons/orange.png');
    background-repeat: no-repeat;
    background-position: 10px 10px;
    background-size: 26px 30px;
}

a.button .book-details span.text{
    float: left;
    position: relative;
    padding: 0;
}

.book-details span.book-info{
    float: left;
    clear: both;
    position: relative;
    font-size: 13px;
    font-weight: bold;
}

a.button .book-detail span.days{
    position: absolute;
    font-size: 12px;
    left: 15px;
    top: 22px;
}

a.button span.arrow {
    height: 50px;
    width: 32px;
    float: right; 
    padding-top: 15px;
    padding-left: 10px;
}

.panel-container a.button:hover span.arrow{background-color: #a3a3a3;}
.panel-container .panel.available a.button{background-color: #a3a3a3;}
.panel-container .panel.available a.button span.arrow{background-color: #777;}
.panel-container .panel.available a.button:hover span.arrow{background-color: transparent;}

/* if you want to keep button blue*/
.panel-container a.button.blue{background-color: #316BB5;}
.panel-container a.button.blue span.arrow{ background-color: #295789; }
.panel-container a.button.blue:hover{background-color: #a3a3a3;}
.panel-container a.button.blue:hover span.arrow{ background-color: #777; }
/* end */

.panel.availability #booking-button .booknow {
    text-transform: none;
}

span.book-arrow {
    background: #275C9E;
    width: 32px;
    float: right;
    padding-top: 10px;
    height: 50px;
}

 .price {
    font-size: 10px;
    padding: 0;
    margin: 0;
}

.panel.availability .title {
    display: block;
    float: left;
    font-size: 1.3em;
    font-weight: 400;
    overflow: hidden;
    text-transform: none;
    color: #333;
    font-weight: 100;
}

div.booknow-details {
    clear: both;
    color: #888;
    padding-left: 20px;
    text-transform: none;
    font-weight: 100;
    font-size: 13px;
}

ul.equipment-list {
    list-style: none;
    margin: 0 auto 25px;
    text-align: center;
    padding-left: 40px;
}

ul.equipment-list li.equipment-list-item {
    display: inline-block;
    margin-right: 20px;
    margin-top: 20px;
    float: left;
}

li.equipment-list-item a{
    background-color: #ccc;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 40px 40px;
    width: 50px;
    height: 50px;
    float: left;
}

.search-results {
    margin-right: -15px;
    margin-top: 20px;
    width: 100%;
}

.search-results .filter ul {
    list-style: none;
}

.search-results .filter ul li {
    display: inline;
    font-size: 20px;
    margin-right: 20px;
}

.search-result-group {
    width: 100%;
}


.search-result-group .location {
    background-color: #DBDBDB;
    color: #666;
    display: block;
    font-size: 16px;
    margin: 0;
    padding: 5px 30px;
    text-transform: uppercase;
    width: 100%;
}

span.location-details {
    padding: 20px;
    font-weight: 100;
    display: block;
    text-transform: uppercase;
}

.search-result-item {
    background: #EBEBEB;
    border-bottom: solid 1px #bdbdbd;
    clear: both;
    overflow: hidden;
    padding: 15px;
    position: relative;
}

.search-result-item .information p {
    font-weight: 100;
    margin: 0;
    font-size: 14px;
}

.search-result-item .information span.title {
    display: block;
    font-size: 16px;
    width: 100%;
    }

.search-result-item img {float: left;}

.search-result-item.active, .search-result-item:hover {
    background: #fff;
    border-right: solid 2px #0078ae;
}

.search-result-item.active::after, .search-result-item:hover::after {
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    background-color: #0078ae;
    content: " ";
    height: 10px;
    position: absolute;
    right: -5px;
    top: 44%;
    width: 10px;
}

.search-result-item:hover {
    -moz-transition: background-color 50ms ease;
    -o-transition: background-color 50ms ease;
    -webkit-transition: background-color 50ms ease;
    transition: background-color 50ms ease;
    background: #fcf8f2;
    cursor: pointer;
}

.landing-search {
    background-color: #ededed;
    padding: 50px 0;
}

.landing-search input[type=text] {
    background: #FFF url(img/search-landing.png) no-repeat scroll 95% 50%;
    border: none;
    -webkit-border-bottom-right-radius: 0;
    -moz-border-radius-bottomright: 0;
    border-bottom-right-radius: 0;
    border-right: none;
    -webkit-border-top-right-radius: 0;
    -moz-border-radius-topright: 0;
    border-top-right-radius: 0;
    height: 45px;
    padding: 12px 38px 12px 12px;
    width: 100%;
}

.landing-search button {
    background: #689953;
    border: none;
    color: #FFF;
    height: 45px;
    line-height: 45px;
    padding: 0 15%;
}

.landing-search button:hover {
    background-color: #577f45;
}

.landing-search-results {
    padding-bottom: 50px;
    color: #757676;
}

.landing-search-results .results-header {
    background: #FFF url(img/eye.png) no-repeat scroll left center;
    padding-left: 50px;
}

.landing-search-result-item {margin-bottom: 20px;background-color: #ebebeb;float: left;width: 100%;}
.landing-search-result-item .detail-wrapper {}
.landing-search-result-item .details { padding: 5px 20px;}
.landing-search-result-item .details p {padding: 0;margin: 0;font-size: 12px;}
.landing-search-result-item .details .title {font-weight: bold;font-size: 18px;}
.landing-search-result-item .details .location {font-weight: bold;font-size: 14px;}
.landing-search-result-item .details .availability {padding: 5px 0;}
.landing-search-result-item .contact {border-top: solid 1px #cdcdcd;padding: 5px 0;margin: 0 20px;font-size:12px;}
.landing-search-result-item .contact .name {height: 25px;background: transparent url(img/name-icon.png) no-repeat scroll left center;padding: 5px 0 0 30px; }
.landing-search-result-item .contact .tel {height: 25px;background: transparent url(img/tel-icon.png) no-repeat scroll left center;padding: 5px 0 0 30px;}

.landing-search-result-item .available, .landing-search-result-item .unavailable {
    font-size: 0.8em;
    color: #FFF;
    display: block;
    position: absolute;
    background-color: #4c4c4c;
    bottom: 5%;
    left: -5px;
    -moz-border-radius-topright: 5px;
    -moz-border-radius-bottomright: 5px;
    -webkit-border-top-right-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    padding: 5% 10%;
}
.landing-search-result-item .available{border-left: solid 5px #0290d0;}
.landing-search-result-item .unavailable {border-left: solid 5px #f74a4a;}

ul.pagination, .landing-search-results ul.pagination li {display: inline;}
ul.pagination a, .landing-search-results ul.pagination a:hover{text-decoration: none;}
ul.pagination a.page-left:hover, .landing-search-results ul.pagination a.page-right:hover{ opacity: 0.8;}
ul.pagination a.page {background-color: #ebebeb;color: #757676;text-align: center;padding: 10px;}
ul.pagination a.page.active{ background-color: #757676;color: #ebebeb;}
ul.pagination a.page:hover{ font-weight: bold;}

.sidepanel {
    -moz-box-shadow: 0 3px 11px 0 rgba(50, 50, 50, 0.48);
    -webkit-box-shadow: 0 3px 11px 0 rgba(50, 50, 50, 0.48);
    box-shadow: 0 3px 11px 0 rgba(50, 50, 50, 0.48);
    background: rgba(255, 255, 255, 0.9);
    bottom: 0;
    padding: 25px;
    position: fixed;
    right: -600px;
    top: 0;
    width: 600px;
    z-index: 999;
}

.sidedetail {
    margin-top: 25px;
    }

.sidepanel .sidedetail h2 {
    display: inline-block;
    line-height: 50px;
    margin: 0;
}

.sidepanel .sidepanel-items{margin-top: 10px;}

.sidepanel .sidedetail .item-detail {
    display: block;
    float: right;
    margin-bottom: 10px;
    text-align: right;
}

.sidepanel .sidedetail .category {
    display: inline-block;
    height: 50px;
    width: 50px;
}

div.filter  ul li a{font-size: 16px;}
div.filter  ul li a:hover{text-decoration: none;}
div.filter  ul li a.active{color: #666;}

ul.filter, ul.recent {
    list-style: none;
    padding: 0;
}

ul.filter {
    margin: 0;
    
}

.filter-container {padding: 15px;}

.recent-container {padding: 0 15px;}

.filter .filter-item {text-transform:uppercase;}

.filter .filter-item span.event {
    width: 0.3em;
    height: 2em;
    margin-right: 1em;
}

.filter .filter-item a {
  color: grey;
  vertical-align: super;
}

.filter span.remove-item{
    position: absolute;
    right: 0;
    padding-right: 1em;
    font-size: 2em; 
    color: grey; 
}

.filter .filter-item, .recent .recent-item {margin: 0 0 5px 5px;}

.filter .filter-item .event, .recent .recent-item .event {
    display: inline-block;
    height: 12px;
    margin-right: 5px;
    width: 5px;
}

.delivered {
    background: url('/icons/delivered.png') no-repeat bottom right;
    width: 20px !important;
    margin-left: 10px;
}

.delivery {
    background: url('/icons/delivery.png') no-repeat bottom right;
    width: 20px !important;
    margin-left: 10px;
}

.ui-state-active{background-color:#658657!important;}

a[data-handler=next], a[data-handler=prev] {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
    filter: alpha(opacity=60);
    opacity: 0.6;
}

a[data-handler=next] {
    background: url(img/arrow-right.png) center center no-repeat;
    webkit-background-size: 20px 20px;
    -moz-background-size: 20px 20px;
    -o-background-size: 20px 20px;
    background-size: 20px 20px;
}

a[data-handler=prev] {
    background: url(img/arrow-left.png) center center no-repeat;
    -webkit-background-size: 20px 20px;
    background-size: 20px 20px;
}

a:hover[data-handler=next], a:hover[data-handler=prev] {
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1;
}

a:hover[data-handler=next] {
    background: url(img/arrow-right.png) center center no-repeat;
    webkit-background-size: 20px 20px;
    -moz-background-size: 20px 20px;
    -o-background-size: 20px 20px;
    background-size: 20px 20px;
}

a:hover[data-handler=prev] {
    background: url(img/arrow-left.png) center center no-repeat;
    webkit-background-size: 20px 20px;
    -moz-background-size: 20px 20px;
    -o-background-size: 20px 20px;
    background-size: 20px 20px;
}

.info {width: 100%;float: left; }

.info a.button{ margin-top: 10px;}

.info table {
    text-align: left;
    float: left;
    text-transform: uppercase;
    width: 80%;
 }

 .info table td {padding: 0 0 0 10px;}

.info table td:nth-child(2) { 
    text-align: right; 
    padding-left: 20px;
}


/* carousel */
.carousel-caption {
     text-shadow: none;
}

.carousel h1 {
    text-align: left;
    width: 75%;
    line-height: 50px;
    letter-spacing: 5px;
    font-size: 25px;
}
.carousel-highlight {
    display: inline;
    background: #f47b20;
    box-shadow: 15px 0 0 #f47b20, -15px 0 0 #f47b20;
    box-decoration-break: clone;
    padding-top: 8px;
    padding-bottom: 8px;
}
/*
.carousel .carousel-indicators {
    text-align: right;
}
*/
.carousel .carousel-indicators li {
    width: 20px;
    height: 20px;
    background-color: #f47b20;
    border-color: #f47b20;
}
.carousel .carousel-indicators li.active {
    width: 21px;
    height: 21px;
    background-color: #FFF;
}


/* flexslider */

.flexslider{
    background: none!important;
    border: none!important;
    -webkit-border-radius: 0px!important;
    -moz-border-radius: 0px!important
    -o-border-radius: 0px!important;
    border-radius: 0px!important;
    -webkit-box-shadow: none!important;
    -moz-box-shadow: none!important;
    -o-box-shadow: none!important;
    box-shadow: none!important;
    padding: 20px!important;
    position: relative;
}

.flexslider ul.slides{ position: relative;}

.flexslider ul.slides li {
    position:relative;
}

.flex-caption {
    position:relative;
    left:0;
    right:0;
    bottom:0;
    color:#666; 
    z-index:1;
    text-align: center;
}

.flexslider img {
    margin-left: auto;
    margin-right: auto;
}

a.flex-next, a.flex-prev {
    height: 50px !important;
}


.ui-datepicker td span, .ui-datepicker td a{ text-align: center !important;}

.fc-next-button.fc-button {
    position: absolute !important;
    right: 0;
}

 .fc-icon-left-single-arrow:after {
    color: grey;
    content: "\25C4";
    font-weight: bold;
}

.fc-icon-right-single-arrow:after {
    color: grey;
    content: "\25B6";
    font-weight: bold;
}

.fc-prev-button.fc-button {
    left: 0;
    position: absolute !important;
}

.fc-agendaDay-button.fc-button {
    left: 25%;
    position: absolute !important;
    top: -50px;
}

.fc-agendaWeek-button.fc-button {
    font-size: 1.5em;
    left: 50%;
    position: absolute !important;
    top: -50px;
}

.fc-month-button.fc-button {
    font-size: 1.5em;
    left: 65%;
    position: absolute !important;
    top: -50px;
}

.fc-slats .fc-minor td {border-top-style: none;}

button.fc-state-active {color: grey !important;}

button.fc-button {
    background: none;
    border: none;
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #0078ae;
    text-transform: capitalize;
}


.expand-collapse {
  font-size: 50%; 
  padding: 0px 15px 10px 10px; 
  color: grey;
  vertical-align: middle;
}
  
.more-items {
    padding: 0 0 0 10px;
    margin-top: 43px;
}

.statuses {
    clear: both;
    width: 100%;
}

.statuses .odd {background-color: #EBEBEB;}

.statuses .even {background-color: #FFF;}

.statuses .last {border-bottom: none;}

.status-headings {
    text-align: left;
    width: 100%;
    background-color: #DBDBDB;
    padding: 5px 0 5px 20px;
}

.status-headings th {
    font-weight: 100;
    padding: 10px 0 10px 20px;
} 

.statuses tr {
    border-bottom: 1px solid #BDBDBD;
}

.statuses td {
    font-weight: 100;
    padding: 10px 0 10px 20px;
}

.expanded {
    margin-bottom: 10px;
}

div.panel-body {
    clear: both;
    font-weight: 100;
}

div.panel-body ul {
    list-style-type: none;
}

span.collapse-button {
    font-size: 40px;
    padding-right: 10px;
}

/* Dropdown menu */
ul.dropdown-menu {
    /*margin-left: 80px !important;*/
}

.dropdown-toggle{ cursor: pointer;}

/*span {font-weight: 100;}*/

span.owner-details {
    float: right;
    text-transform: uppercase;
    margin-right: 15px;
}

/* Style sidebars */

div::-webkit-scrollbar{
  width: 12px;  
  height: 12px; 
  background-color: rgba(219, 221, 222, 1); 
}

div::-webkit-scrollbar-track{
  background: rgba(0, 0, 0, 0.1);
  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
}

div::-webkit-scrollbar-thumb{
    background: rgba(134, 181, 219, 1);
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5); 
}

ul.icons li{ display: inline-block;list-style-type: none;}

/*media queries*/

@media only screen and (max-width: 1024px) {
    #calendar{ top: 0; margin-top: 75px;}
}  

@media only screen and (max-width: 991px) {
    .top-header .main-menu ul > li > a {
        height: 50px;
        line-height: 50px;
    }
    #mobile-menu a img {
        width: 150%;
        height: 150%;
        }
    .login .form-container img.logo {
        padding-top: 25px;
        padding-bottom: 25px;
        }
    .login .login-container {
        width: 80%;
        height: auto;
        margin: 0 auto;
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
        box-shadow: none;
        position: static;
        }
    .login .login-container .form-container {
        -moz-border-radius: 15px;
        -webkit-border-radius: 15px;
        border-radius: 15px;
        top: 100px;
        position: relative;
        padding-bottom: 30px;
        }
    .center.column, .right.column {
        height: auto;
        overflow-y: hidden;
        }
    .top-header .main-menu ul {
        list-style: none;
        margin: 0;
        background-color: #0078ae;
        height: auto;
        overflow: hidden;
        position: absolute;
        top: 71px;
        right: 20px;
        padding: 0;
        border: dotted 1px #0078ae;
        }
    .top-header .main-menu ul li {
        clear: both;
        margin: 0;
        width: 100%;
        text-align: center;
    }
    .contact-link {
        float: left;
        margin-bottom: 10px;
        top: 0;
        height: auto;
    }
    .owner .vcard {
        text-align: left;
    }
    span.owner-details {
        float: left;
        padding-left: 15px; 
    }

    .carousel-caption {position: relative;left: 5%;right: 5%;}
    .carousel h1 {width: 90%;line-height: 35px;letter-spacing: 2px;}
    /*.carousel span {background: none; box-shadow: none; background-color: transparent; color: #757676; padding: 0;}*/
}

@media (min-width: 700px) {
    .flexslider {
        height: 300px;
    }

    .flexslider img {
        height: 300px;
        width: auto !important;
    }
}

@media only screen and (max-width: 600px) {
    .sidepanel {
        width: 100%
    }

    .sidepanel .sidedetail .item-detail {
        float: left;
        text-align: left;
    }

    .sidepanel .sidedetail label {
        display: block;
        width: 100%;
    }

    #booking-button {
        float: left !important;
        margin-left: 20px;
    }

    .fc-agendaWeek-button {
        left: 40% !important;
        top: -10px !important;
    }
 
    .fc-month-button {
        top: -10px !important;
    }
}

@media only screen and (max-width: 500px) {
    a.button{ margin-bottom: 15px;}
    .full-height.login{ height: 120%;}
    .login .login-container .form-container{top: 0;margin-top: 30px; }
    .login .form-container img.logo{ padding-top: 10px; padding-bottom: 10px;}
    .landing-search-result-item .available,.landing-search-result-item .unavailable{ bottom: -20%;}
}