/* Template */

@media (max-width: 767px) {
  body {
    padding-left: 0px !important;
    padding-right: 0px !important;
  }

  #header {
    margin-left: 0px !important;
    margin-right: 0px !important;
    padding-left: 0px !important;
    padding-right: 0px !important;
  }

  #mainnav {
    margin-left: 0px !important;
    margin-right: 0px !important;
  }

  .bot-sl {
    margin-left: 0px !important;
    margin-right: 0px !important;
  }

  #footer {
    margin-left: 0px !important;
    margin-right: 0px !important;
  }

  .header div.span3 {
    width: 80% !important;
  }

  .header a.logo {
    width: 100% !important;
    margin-bottom: 0px !important;
  }

  .header a.logo strong {
    width: 100% !important;
    background-size: contain !important;
  }

  .header div.languageswitch {
    width: 34px !important;
    margin-left: 0px !important;
    padding: 0px !important;
    float: right !important;
  }
}

.top-sl.no-padding-top .container {
  padding-top: 40px !important;
  padding-bottom: 40px !important;
}

@media (max-width: 768px) {
  .top-sl.no-padding-top .container {
    padding-top: 30px !important;
  }
}

.bot-sl .container {
  padding-left: 0px !important;
  padding-right: 0px !important;
  padding-top: 0px !important;
  padding-bottom: 24px !important;
}

.grey-bg {
  background-color: #EBF1DE !important;
}

.module-title {
  padding-top: 24px !important;
  padding-bottom: 0px !important;
  margin: 0px !important;
	color: #79923e !important;
  border-bottom-color: #ffffff00 !important;
  font-size: 20px !important;
  text-align: center !important;
}

.btn-navbar {
  width: 102px !important;
  margin-bottom: 0px !important;
}



/* Articles */

.item-page .page-header {
  margin-top: 0px !important;
  margin-bottom: 0px !important;
}

.item-page .page-header h1 {
  margin-top: 0px !important;
  margin-bottom: 0px !important;
	color: #79923e !important;
  font-size: 36px !important;
  font-weight: 400 !important;
  text-align: center !important;
  text-transform: uppercase !important;
}

.item-page .page-header h1:before {
  display: block !important;
  position: relative !important;
  text-align: center !important;
  margin-bottom: 30px !important;
}

.item-page .page-header h1:lang(nl):before {
  content: url(/images/headers/Logo-Enjoy-nl.png) !important;
}

.item-page .page-header h1:lang(en):before {
  content: url(/images/headers/Logo-Enjoy-en.png) !important;
}

.item-page .page-header h1:lang(de):before {
  content: url(/images/headers/Logo-Enjoy-de.png) !important;
}

.com-content-article__body img {
  padding: 10px !important;
  border-radius: 4px !important;
}

@media (max-width: 576px) {
  .item-page .page-header h1:before {
    margin-bottom: 15px !important;
    transform: scale(.5) !important;
  }

  .com-content-article__body img {
    max-width: 95% !important;
  }
}



/* Newsflashes */

.newsitems-subpage {
  background-color: #EBF1DE !important;
  padding-top: 50px !important;
}

.module-hhnews {
  margin-bottom: 25px !important;
}

.module-hhnews .mod-articlesnews__item {
  position: relative !important;
  height: 400px !important;
  width: 100% !important;
  margin-bottom: 100px !important;
}

.module-hhnews .mod-articlesnews__item:last-child {
  margin-bottom: 0px !important;
}

.module-hhnews .newsflash-image {
  position: absolute !important;
  top: 0px !important;
  width: 100% !important;
  height: 400px !important;
  z-index: 0 !important;
}

.module-hhnews .mod-articlesnews__item:nth-child(odd) .newsflash-image {
  left: 0px !important;
  padding-left: 125px !important;
  padding-right: 0px !important;
}

.module-hhnews .mod-articlesnews__item:nth-child(even) .newsflash-image {
  right: 0px !important;
  padding-left: 0px !important;
  padding-right: 125px !important;
}

@media (max-width: 576px) {
  .module-hhnews .mod-articlesnews__item:nth-child(odd) .newsflash-image {
    padding-left: 50px !important;
  }
  
  .module-hhnews .mod-articlesnews__item:nth-child(even) .newsflash-image {
    padding-right: 50px !important;
  }
}

.module-hhnews img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  z-index: 0 !important;
  border-radius: 4px !important;
}

.module-hhnews h4 {
  position: absolute !important;
  top: 50px !important;
  width: 270px !important;
  color: #79923e !important;
  z-index: 2 !important;
}

.module-hhnews .mod-articlesnews__item:nth-child(odd) h4 {
  left: 15px !important;
}

.module-hhnews .mod-articlesnews__item:nth-child(even) h4 {
  right: 15px !important;
}

.module-hhnews p:not(.readmore) {
  position: absolute !important;
  top: 50px !important;
  width: 300px !important;
  height: 300px !important;
  padding-left: 15px !important;
  padding-top: 40px !important;
  padding-right: 15px !important;
  padding-bottom: 15px !important;
  background-color: #fcfff5f0 !important;
  color: #000000 !important;
  border-radius: 4px !important;
  box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.3) !important;
  z-index: 1 !important;
}

.module-hhnews .mod-articlesnews__item:nth-child(odd) p:not(.readmore) {
  left: 0px !important;
}

.module-hhnews .mod-articlesnews__item:nth-child(even) p:not(.readmore) {
  right: 0px !important;
}

.module-hhnews p.readmore {
  position: absolute !important;
  top: 270px !important;
  width: 140px !important;
  height: 30px !important;
  z-index: 2 !important;
}

.module-hhnews .mod-articlesnews__item:nth-child(odd) p.readmore {
  left: 15px !important;
}

.module-hhnews .mod-articlesnews__item:nth-child(even) p.readmore {
  right: 145px !important;
}

.newsflash-title {
  color: #79923e !important;
  font-size: 16px !important;
  font-weight: 600 !important;
  text-transform: uppercase !important;
}

.newsflash-image {
  box-shadow: none !important;
  webkit-box-shadow: none !important;
}

.readmore .btn .icon-chevron-right:before {
  content: "" !important;
} 

.readmore a {
  content: "  Lees meer  " !important;
} 



/* Blog */

.blog .page-header a {
	color: #79923e !important;
  font-size: 18px !important;
}

.blog .item-content p {
  font-size: 16px !important;
}

.blog-items .blog-item {
  padding-top: 0px !important;
}

ul.category-module li a {
  color: #79923e !important;
  font-weight: bold !important;
  display: inline-block !important;
  background: #ffffff00 !important;
  padding: 0px 0px !important;
  position: relative !important;
  left: 0 !important;
  -webkit-transition: left 0.2s ease !important;
  transition: left 0.2s ease !important;
}

ul.category-module li a:before {
  content: "" !important;
  margin-right: 0px !important;
}


.mod-articles-category-date {
  color: #000000bb !important;
  font-size: 14px !important;
}

.mod-articles-category-date:before {
  content: " (" !important;
}

.mod-articles-category-date:after {
  content: ")" !important;
}



/* Buttons */

.btn {
  background-color: #FFAE5D !important;
  border-color: #FFA143 !important;
  border-radius: 4px !important;
  color: #000000 !important;
  transition: background 0.5s !important;
}

.btn:hover {
  background-color: #e88420 !important;
  border-color: #FFA143 !important;
  color: #000000 !important;
}

.btn:disabled {
  background-color: #FFD8B2 !important;
  border-color: #FFC081 !important;
  color: #FFFFFF !important;
}

.jhp-container .btn.btn-success {
  background-color: #FFAE5D !important;
  border-color: #FFA143 !important;
  border-radius: 4px !important;
  color: #000000 !important;
  transition: background 0.5s !important;
}

.jhp-container .btn.btn-success:hover {
  background-color: #e88420 !important;
  border-color: #FFA143 !important;
  color: #000000 !important;
}

.jhp-container .btn.btn-success:active {
  background-color: #e88420 !important;
  border-color: #FFA143 !important;
  color: #000000 !important;
}

.jhp-container .btn-success:disabled {
  background-color: #FFD8B2 !important;
  border-color: #FFC081 !important;
  color: #FFFFFF !important;
}

.jhp-container .btn.btn-success:focus {
  box-shadow: none !important;
}

.jhp-container .btn.btn-dark {
  background-color: #bbbaba !important;
  border-color: #bbbaba !important;
}

.jhp-container .btn.btn-dark:hover {
  background-color: #bbbaba !important;
  border-color: #bbbaba !important;
}

.la-search {
  color: #000000 !important;
}



/* Module language switch */

div.mod-languages {
  float: right !important;
}

div.mod-languages ul li {
  margin: 0px !important;
}

div.mod-languages ul li.lang-active {
  background-color: #dfe7c9 !important;
  padding-bottom: 3px !important;
  border-radius: 4px !important;
}



/* Module unique selling points */

.module-hhusps {
  border-radius: 4px !important;
  border-style: none !important;
  background-color: #fcfff5 !important;
  box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.3) !important;
  margin-top: -25px !important;
  margin-bottom: 0px !important;
  padding-left: 30px !important;
  padding-right: 30px !important;
  padding-top: 15px !important;
  padding-bottom: 5px !important;
}

@media (min-width: 1024px) {
  .module-hhusps {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
}

@media (max-width: 768px) {
  .module-hhusps {
    margin-top: 30px !important;
    padding-left: 15px !important;
    padding-right: 15px !important;
  }
}

@media (max-width: 576px) {
  .module-hhusps {
    padding-left: 0px !important;
    padding-right: 0px !important;
  }

  .module-hhusps img
  {
    width: 50px !important;
    height: 50px !important;
  }
}



/* Module webcam */

.module-webcam {
  color: #ffffff !important;
  font-size: 20px !important;
  font-weight: 600 !important;
  padding-left: 45px !important;
  padding-right: 45px !important;
  padding-top: 15px !important;
  padding-bottom: 15px !important;
  margin-bottom: 0px !important;
}

@media (max-width: 991px) {
  .module-webcam {
    padding-left: 15px !important;
    padding-right: 15px !important;
  }
}



/* Module footer */
.footer-left {
  border-collapse: separate !important;
  border-spacing: 3px 5px !important;
  margin-left: 0px !important;
  margin-right: auto !important;
  width: auto !important;
}

.footer-center {
  border-collapse: separate !important;
  border-spacing: 3px 5px !important;
  margin-left: auto !important;
  margin-right: auto !important;
  width: auto !important;
}

.footer-right {
  border-collapse: separate !important;
  border-spacing: 3px 5px !important;
  margin-left: auto !important;
  margin-right: 0px !important;
  width: auto !important;
}

.footertext {
  font-size: 13px !important;
  text-align: left !important;
  vertical-align: center !important;
  margin-left: 0px !important;
  white-space: nowrap !important;
}

@media (max-width: 768px) {
  .footer-right {
    margin-left: 0 !important;
    margin-right: auto !important;
  }

  .footer-center {
    margin-left: auto !important;
    margin-right: 0px !important;
  }
}

@media (max-width: 576px) {
  .footer-center {
    margin-left: 0 !important;
    margin-right: auto !important;
  }
}




/* Module JHotelReservation */

.container-fluid {
  margin-left: 0px !important;
  margin-right: 0px !important;
  padding-left: 0px !important;
  padding-right: 0px !important;
}

div.changeSearch.mt-4 {
  margin-top: -50px !important;
}

#hotel-search {
  background-color: #fcfff5 !important;
  border-radius: 4px !important;
  box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.3) !important;
}

div.hotel-search-container {
  background-color: #fcfff5 !important;
  padding: 0px !important;
}

div.hotel-search-intro h1 {
  font-size: 16px !important;
  font-weight: 600 !important;
  background-color: #fcfff5 !important;
  color: #79923e !important;
}

div.mod_hotel_reservation.horizontal {
  background-color: #fcfff5 !important;
  padding: 0px 10px 15px 0px !important;
}

.image-gallery .img-wrap {
  display: none !important;
}

h2.jhotel-title {
  display: none !important;
}

div.jhotel-address {
  display: none !important;
}

div.jhotel-offer {
  background-color: #EBF1DE !important;
  box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.3) !important;
  padding: 15px !important;
  margin-bottom: 50px !important;
  border-radius: 4px !important;
}

div.jhotel-offer-name {
  color: #79923e !important;
  font-size: 16px !important;
  font-weight: 600 !important;
}

div.hotel-box {
  border-radius: 4px !important;
}

.room-description {
  font-size: 14px !important;
}

.room-description #dots {
  display: none !important;
}

div.account-details {
  display: none !important;
}

i.la.la-star {
  display: none !important;
}

.reservation-selection {
  display: none !important;
}

.availability-calendar .day-cell.not-available {
  background-color:#fbe6e3 !important;
}

.availability-calendar .not-available {
  background-color:#fbe6e3 !important;
}

.date_hotelreservation {
  border-radius: 4px !important;
}

.room-header div[id^='roomGuests'] {
  padding-left: 0px !important;
}

.room-header div[id^='roomGuestsInfo'] {
  padding-left: 0px !important;
}

.room-header div[id^='reserveButton'] {
  display: flex !important;
  padding-left: 1px !important;
  padding-right: 8px !important;
}

.room-header .d-none .btn.btn-success {
  background-color: #bbbaba !important;
  border-color: #bbbaba !important;
}

.room-header .d-none .btn.btn-success:hover {
  background-color: #bbbaba !important;
  border-color: #bbbaba !important;
}

.room-calendar {
  margin-left: 20px !important;
  margin-right: auto !important;
}

@media (max-width: 384px) {
  .room-calendar {
    margin-left: -10px !important;
    transform: scale(.8) !important;
  }
}

@media (max-width: 314px) {
  .room-calendar {
    margin-left: -20px !important;
    transform: scale(.6) !important;
  }
}

.jhotel-room-wrapper {
  padding-left: 18px !important;
  padding-right: 8px !important;
}

.jhotel-room-wrapper .thumbs {
  display: none !important;
}

.jhotel-room-wrapper .room-description {
  display: none !important;
}

.la-minus-square {
  font-size: 42px !important;
}

.la-plus-square {
  font-size: 42px !important;
}

.room-footer .price-info {
  margin-bottom: 0px !important;
}

.room-footer .price-info.d-none {
  display: block !important;
}

.room-footer .price-value {
  display: block !important;
}

/* Reservation calendar */
.datepicker-dropdown {
  background-color: #ffffff !important;
}

.datepicker-days thead {
  background-color: #EBF1DE !important;
}

.datepicker-days th {
  background-color: #EBF1DE !important;
  border-radius: 0px !important;
}

.datepicker-days .table-condensed {
  background-color: #ffffff !important;
}

/* Reservation imageslider */
#gallerySlider .placeholder {
  opacity: 1.0 !important;
}

/* Room description */
[id^=roomDescriptionShort] {
  padding-left: 0px !important;
  padding-right: 0px !important;
}

[id^=roomDescriptionExtended] {
  padding-left: 0px !important;
  padding-right: 0px !important;
}

.hotel_reservation a:link {
  color: #79923e !important;
}

.jhp-container .reservation-steps ol li a {
  font-family: "PT Sans" !important;
  font-size: 14px !important;
}

.listImage {
  border-radius: 4px !important;
}

.jhp-container .jhotel-offers .jhotel-offer-descr ul {
  columns: 2 !important;
  /* list-style-type: disc !important; */
  /* list-style-position: outside !important; */
}

.jhp-container .jhotel-offers .jhotel-offer-descr ul li {
  display: table-row !important;
}

.jhp-container .jhotel-offers .jhotel-offer-descr ul li:before {
  display: table-cell !important;
  content: "•" !important;
  padding-right: 6px !important;
}

.hotel-box.hotel-item.informations {
  padding-left: 0px !important;
  padding-right: 0px !important;
}

.hotel-facilities {
  margin-bottom: 0px !important;
}


.hotel-facilities .col-md-4 {
  padding-left: 0px !important;
}

.hotel-facilities li {
  display: table-row !important;
}

.hotel-facilities li:before {
  display: table-cell !important;
  content: "•";
  padding-right: 5px;
}

.hotel-ratings {
  padding-left: 16px !important;
  padding-right: 16px !important;
  padding-bottom: 26px !important;
}

#reviews-container {
  background-color: #EBF1DE !important;
  box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.3) !important;
  padding: 15px !important;
  border-radius: 4px !important;
}

.reviewtable div {
  font-size: 15px !important;
}

span.reviewQuestion {
  margin-left: 8px;
}

/* Reservation form */

.form-check label
{
  margin-top: 0px !important;
}

.hotel_reservation .hoteInnerContainer {
  padding-left: 0px !important;
  padding-right: 0px !important;
}

.rsv_dtls_total_room_price td
{
  padding-bottom: 15px !important;
}

.reservation_details
{
  padding-bottom: 40px !important;
}


/* Rating form */

#hotelRatingForm {
  margin-right: 20px !important;
}

.rating-score {
  background-color: #79923e !important;
  margin-top: -50px !important;
  padding-left: 0px !important;
  padding-right: 0px !important;
  padding-top: 15px !important;
  padding-bottom: 15px !important;
  border-radius: 4px !important;
}

.rating-score-box {
  background-color: #79923e !important;
  border-radius: 4px !important;
}



/* The part below was copied and modified to prevent that a phone-layout is used when the screens width is between 980 and 992 pixels */

/* was: 768 */
@media (min-width: 576px) and (max-width: 991px) {
  .row {
    margin-left: -20px;
    *zoom: 1;
  }
  .row:before,
  .row:after {
    display: table;
    content: "";
    line-height: 0;
  }
  .row:after {
    clear: both;
  }
  [class*="span"] {
    float: left;
    min-height: 1px;
    margin-left: 20px;
  }
  .container,
  .navbar-static-top .container,
  .navbar-fixed-top .container,
  .navbar-fixed-bottom .container {
    width: 724px;
  }
  .span12 {
    width: 724px;
  }
  .span11 {
    width: 662px;
  }
  .span10 {
    width: 600px;
  }
  .span9 {
    width: 538px;
  }
  .span8 {
    width: 476px;
  }
  .span7 {
    width: 414px;
  }
  .span6 {
    width: 352px;
  }
  .span5 {
    width: 290px;
  }
  .span4 {
    width: 228px;
  }
  .span3 {
    width: 166px;
  }
  .span2 {
    width: 104px;
  }
  .span1 {
    width: 42px;
  }
  .offset12 {
    margin-left: 764px;
  }
  .offset11 {
    margin-left: 702px;
  }
  .offset10 {
    margin-left: 640px;
  }
  .offset9 {
    margin-left: 578px;
  }
  .offset8 {
    margin-left: 516px;
  }
  .offset7 {
    margin-left: 454px;
  }
  .offset6 {
    margin-left: 392px;
  }
  .offset5 {
    margin-left: 330px;
  }
  .offset4 {
    margin-left: 268px;
  }
  .offset3 {
    margin-left: 206px;
  }
  .offset2 {
    margin-left: 144px;
  }
  .offset1 {
    margin-left: 82px;
  }
  .row-fluid {
    width: 100%;
    *zoom: 1;
  }
  .row-fluid:before,
  .row-fluid:after {
    display: table;
    content: "";
    line-height: 0;
  }
  .row-fluid:after {
    clear: both;
  }
  .row-fluid [class*="span"] {
    display: block;
    width: 100%;
    min-height: 34px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    margin-left: 2.76243094%;
    *margin-left: 2.71141053%;
  }
  .row-fluid [class*="span"]:first-child {
    margin-left: 0;
  }
  .row-fluid .controls-row [class*="span"] + [class*="span"] {
    margin-left: 2.76243094%;
  }
  .row-fluid .span12 {
    width: 100%;
    *width: 99.94897959%;
  }
  .row-fluid .span11 {
    width: 91.43646409%;
    *width: 91.38544368%;
  }
  .row-fluid .span10 {
    width: 82.87292818%;
    *width: 82.82190777%;
  }
  .row-fluid .span9 {
    width: 74.30939227%;
    *width: 74.25837186%;
  }
  .row-fluid .span8 {
    width: 65.74585635%;
    *width: 65.69483595%;
  }
  .row-fluid .span7 {
    width: 57.18232044%;
    *width: 57.13130003%;
  }
  .row-fluid .span6 {
    width: 48.61878453%;
    *width: 48.56776412%;
  }
  .row-fluid .span5 {
    width: 40.05524862%;
    *width: 40.00422821%;
  }
  .row-fluid .span4 {
    width: 31.49171271%;
    *width: 31.4406923%;
  }
  .row-fluid .span3 {
    width: 22.9281768%;
    *width: 22.87715639%;
  }
  .row-fluid .span2 {
    width: 14.36464088%;
    *width: 14.31362048%;
  }
  .row-fluid .span1 {
    width: 5.80110497%;
    *width: 5.75008456%;
  }
  .row-fluid .offset12 {
    margin-left: 105.52486188%;
    *margin-left: 105.42282106%;
  }
  .row-fluid .offset12:first-child {
    margin-left: 102.76243094%;
    *margin-left: 102.66039012%;
  }
  .row-fluid .offset11 {
    margin-left: 96.96132597%;
    *margin-left: 96.85928515%;
  }
  .row-fluid .offset11:first-child {
    margin-left: 94.19889503%;
    *margin-left: 94.09685421%;
  }
  .row-fluid .offset10 {
    margin-left: 88.39779006%;
    *margin-left: 88.29574924%;
  }
  .row-fluid .offset10:first-child {
    margin-left: 85.63535912%;
    *margin-left: 85.5333183%;
  }
  .row-fluid .offset9 {
    margin-left: 79.83425414%;
    *margin-left: 79.73221333%;
  }
  .row-fluid .offset9:first-child {
    margin-left: 77.0718232%;
    *margin-left: 76.96978239%;
  }
  .row-fluid .offset8 {
    margin-left: 71.27071823%;
    *margin-left: 71.16867742%;
  }
  .row-fluid .offset8:first-child {
    margin-left: 68.50828729%;
    *margin-left: 68.40624648%;
  }
  .row-fluid .offset7 {
    margin-left: 62.70718232%;
    *margin-left: 62.6051415%;
  }
  .row-fluid .offset7:first-child {
    margin-left: 59.94475138%;
    *margin-left: 59.84271056%;
  }
  .row-fluid .offset6 {
    margin-left: 54.14364641%;
    *margin-left: 54.04160559%;
  }
  .row-fluid .offset6:first-child {
    margin-left: 51.38121547%;
    *margin-left: 51.27917465%;
  }
  .row-fluid .offset5 {
    margin-left: 45.5801105%;
    *margin-left: 45.47806968%;
  }
  .row-fluid .offset5:first-child {
    margin-left: 42.81767956%;
    *margin-left: 42.71563874%;
  }
  .row-fluid .offset4 {
    margin-left: 37.01657459%;
    *margin-left: 36.91453377%;
  }
  .row-fluid .offset4:first-child {
    margin-left: 34.25414365%;
    *margin-left: 34.15210283%;
  }
  .row-fluid .offset3 {
    margin-left: 28.45303867%;
    *margin-left: 28.35099786%;
  }
  .row-fluid .offset3:first-child {
    margin-left: 25.69060773%;
    *margin-left: 25.58856692%;
  }
  .row-fluid .offset2 {
    margin-left: 19.88950276%;
    *margin-left: 19.78746195%;
  }
  .row-fluid .offset2:first-child {
    margin-left: 17.12707182%;
    *margin-left: 17.02503101%;
  }
  .row-fluid .offset1 {
    margin-left: 11.32596685%;
    *margin-left: 11.22392603%;
  }
  .row-fluid .offset1:first-child {
    margin-left: 8.56353591%;
    *margin-left: 8.4614951%;
  }
  input,
  textarea,
  .uneditable-input {
    margin-left: 0;
  }
  .controls-row [class*="span"] + [class*="span"] {
    margin-left: 20px;
  }
  input.span12,
  textarea.span12,
  .uneditable-input.span12 {
    width: 710px;
  }
  input.span11,
  textarea.span11,
  .uneditable-input.span11 {
    width: 648px;
  }
  input.span10,
  textarea.span10,
  .uneditable-input.span10 {
    width: 586px;
  }
  input.span9,
  textarea.span9,
  .uneditable-input.span9 {
    width: 524px;
  }
  input.span8,
  textarea.span8,
  .uneditable-input.span8 {
    width: 462px;
  }
  input.span7,
  textarea.span7,
  .uneditable-input.span7 {
    width: 400px;
  }
  input.span6,
  textarea.span6,
  .uneditable-input.span6 {
    width: 338px;
  }
  input.span5,
  textarea.span5,
  .uneditable-input.span5 {
    width: 276px;
  }
  input.span4,
  textarea.span4,
  .uneditable-input.span4 {
    width: 214px;
  }
  input.span3,
  textarea.span3,
  .uneditable-input.span3 {
    width: 152px;
  }
  input.span2,
  textarea.span2,
  .uneditable-input.span2 {
    width: 90px;
  }
  input.span1,
  textarea.span1,
  .uneditable-input.span1 {
    width: 28px;
  }

  .navbar-brand {
    float: left;
    height: auto;
  }
}