﻿body {
    background: #1d1329;
}

.modal > .modal-dialog > .modal-content > .modal-header {
    padding: 0;
}

.modal > .modal-dialog > .modal-content > .modal-header > button {
    padding: 12px;
    opacity: .5;
}

.modal > .modal-dialog > .modal-content > .modal-body > .button {
    padding-bottom: 20px;
}

.modal > .modal-dialog > .modal-content > .section {
   min-height: inherit;
}

.modal .section {
    font-family: ProximaNovaBold, serif;
    font-size: 12px;
    padding: 30px 40px;
    color: #555555;
}

.modal .activity-section{
    font-family: ProximaNovaBold, serif;
    background: #d7d7d7;
    font-size: 12px;
    padding: 9px 40px;
    color: #555555;
}

.modal.modal-error .section {
    font-size: 14px;
}

.modal.modal-error .button {
    padding-top: 20px;
}

.navbar-default{
    background: #6d00b3;
    color: #ffffff;
    font-family: 'ProximaNovaExtraBold', serif;
    font-size: 19px;
    text-align: center;
    border: none;
}

 .page3 .comments pre {
     color: inherit;
     font-size: inherit;
     font-family: inherit;
     background: #ffffff;
 }

.special-offers {
    padding-left: 40px;
    padding-right: 40px;
}

.special-offers > div > div img {
    max-width: 200px;
    max-height: 200px;
}

.special-offers .button input {
    height: 40px;
}

.special-offers-wrapper  {
    overflow:hidden;
    /*position:relative;
    margin:0 auto;
    overflow:hidden;
	padding:5px;*/
}

.message h1, .message h2, .message h3 {
    font-family: ProximaNovaBlack, serif;
    font-size: 14px;
    text-transform: uppercase;
}

.dropdown-menu {
    background: #d7d7d7;
}

.dropdown-menu > li > a {
    color: #333;
}

 .navbar-default .navbar-nav>li>a {
    background: #6d00b3;
    color: #ffffff;
}

 .navbar-default .navbar-nav > li.open > a {
    background: #d7d7d7;
    color: #333;
}

 .navbar-default .navbar-nav>li>a:hover {
     text-decoration: underline;
     color: #ffffff;
 }

 .guestStays a {
      color: #555555;
      text-decoration: underline;
 }

.hotel-logo {
    top:auto;
    cursor: pointer; 
    
}

.navbar-default .navbar-toggle {
    border-color: #ffffff;
}

.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:after, .navbar-default .navbar-toggle:focus {
    background: inherit
}

.navbar-default .navbar-collapse, .navbar-default .navbar-form {
    border-color: #ffffff;
}

.flag {
    width: 22px;
    height: 19px;
    margin-right: 5px;
    float: left;
}

.flag > img.selected {
    padding: 0;
}

.flag > img {
    padding: 2px;
    max-width: 100%;
    max-height: 100%;
}

.page3 textarea {
      max-width: 563px;
}

.page3 iframe {
    height: 25px;
    border: 0;
    width: 100%;
}

.page3 .reservation-carousel .item > .row > iframe input[type="text"], input[type="password"] {
    height: 20px;
    width: 100%;
}

.button input:disabled {
    background: #555555;
}

.group .section {
    height: inherit;
}

.group .row {
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
}

.group .row img {
    width: 100%;
    margin-top: 20px;
    margin-bottom: 20px;
}

.group .row input {
    /*margin-top: 20px; */
    margin-bottom: 20px;
    width: 100%;
    height: 45px;
}

.group .row pre {
    color: inherit;
    background: inherit;
    font-family: inherit;
    font-size: inherit;
    text-transform: inherit;
    border: 0;
    padding: 0;
}

.group .section {
    font-size: 16px;
}

.options.subtitle {
    margin-top: 0;
    padding-top: 2px;
    color: #ffffff;
    font-size: 12px;
}

.ln-sign-in-btn {
    background: url('https://www.lemona.fr/gettaroom.b4checkin.com/Content/UX3/images/ln-sign-in-Small-Default.png');
    width: 146px !important;
    height: 21px !important;

}

.fb-fix {
    /*top: -2px;*/
}
#signinButton > div {
  top: 5px;
}
/*
#signinButton > div > iframe {
    width: 80px !important;
    height: 24px !important;
}*/

/*.col-md-3 #signinButton {
    margin-left:3px
}*/
.page3 .reservation-carousel .item {
    height: inherit ;
}

.page3 .controls .right {
    right: 15%
}
.page3 .controls .left {
    left: 15%;
}
.profileDetail.article {
    border-radius: 7px;
    padding-bottom: 10px;
}

.guestStays.article {
    background: #fff;
    padding: 15px;
    border-radius: 7px;
}
.change-cancel-margin {
     margin-top: 20px;
}

.thumbnail {
    position:relative;
    overflow:hidden;
}

.caption {
    position:absolute;
    top:0;
    right:0;
    width:70%;
    height:100%;
    padding:2%;
    display: none;
    text-align:center;
    color:#fff !important;
    z-index:2;
    left: 15%;
}

.carousel-inner .thumbnail {
      display: block;
      padding: 0;
      margin-bottom: 0;
      background-color: transparent;
      border: none;
      border-radius: 0;
}

.carousel-inner .glyphicon {
    font-size: 3em;
    top: 41%;
}

.thumbnail>img {
    margin-left: 0;
}

.carousel-inner .caption .glyphicon {
    cursor: pointer;
}


.carousel-inner > .item .modal-image {
    height: 100%;
    width: 100%;
}

.modal .carousel-control {
    width: 10%
}

.reset-password-submit {
    text-align: center;
}

.reset-password-submit input[type="submit"] {
    padding-left: 40px;
    padding-right: 40px;
    width: auto;
}

@media only screen and (min-width: 768px) {
    .modal .carousel-control .glyphicon-chevron-right {
        margin-right: 5px;
    }

    .modal .carousel-control .glyphicon-chevron-left, .modal .carousel-control .glyphicon-chevron-right {
        width: 30px;
        height: 30px;
        margin-top: -30px;
        font-size: 50px;
    }

    .modal .carousel-control .glyphicon-chevron-left {
        margin-left: -25px;
    }
}

@media only screen and (min-width: 320px) and (max-width: 600px) {
    .modal .carousel-control {
        width: 20%
    }
}

.languages {
  margin-left: auto;
  margin-right: auto;
  width: inherit;
}

.rlp-logo {
    height: 86px;
    width: 86px;
    /*margin-left: auto;
    margin-right: auto;*/
    margin-bottom: 12px;
}

.rlp-logo > img {
    height: inherit;
    width: inherit;
}

.rlp-banner {
    width: 100%;
    height: auto;
    max-height: 300px;
    max-width: 1140px;
}

.rlp .message, .rlp .title, li {
    font-size: 16px;
}

.rlp .message {
    margin-top: 20px;
}

.rlp .row.message {
    margin-top: 0;
}

.rlp .col-md-4 .message {
    margin-left: 20px;
    margin-right: 20px;
}

.rlp .data {
    width: 90% !important;
    margin-bottom: 20px;
    margin-left: 30px;
    margin-right: 30px;
    background-color: white !important;
    padding: 20px !important;
}

.rlp>.header {
    margin-bottom: 10px;
}
/*.group .row input {
    margin-top: 0px ;
    margin-bottom: 0px;
}*/

/*.select-wrapper, .select-wrapper select {
    margin-bottom: 20px;
}*/

.group .row.cked-fix {
        margin-bottom: 20px !important;
}

.summary .agreement .button {
  margin-top: 14px;
}

.row.data {

}

.maincontent.container .alert {
    margin-top: 0;
    font-family: ProximaNovaBold, serif;
    font-size: 14px;
    color: #ffffff !important;
    text-align: center;

}

.maincontent.container .alert > button.close {
    color: #ffffff;
    font-size: 24px;
}

.maincontent.container .alert.alert-danger {
    background-color: #b22222;
    border-color: #b22222;
}

.maincontent.container .alert.alert-warning {
    background-color: #d2691e;
    border-color: #d2691e;
}

.maincontent.container .alert.alert-success {
    background-color: #008080;
    border-color: #008080;
}

.maincontent.container .alert.alert-info {
    background-color: #00bfff;
    border-color: #00bfff;
}

.hotel-name {
    font-size: 24px;
    color: #ffffff !important;
    height:100%;
}

.rlp-room-list .alert {
    padding-top: 0;
    padding-bottom: 0;
    margin-bottom: 5px;
}

.smoking {
    background-color: #ffffff;
    background-position: -2px -136px;
    width: 30px;
    height: 28px;
}

.image.info {
    background-position: -34px -137px;
    width: 18px;
    height: 18px;
}

.info-icon {
    padding-left: 0 !important;
}

.info-icon .image {
    margin-top: 16px;
    float: left;
    cursor: pointer;
}

.cursor-pointer {
    cursor: pointer !important;
    padding: 0;
}


.loading-overlay {
    height: 100%;
    width: 100%;
    position: absolute;
    opacity: 0.5;
    background-color: #808080;
    z-index: 999;
    top: 0;
    left: 0;
}

.loading-overlay img {
    margin-left: 50%;
}

.loading {
    position: relative;
    pointer-events: none;
}

.modal.loading {
    position: absolute;
}

.tooltip {
    color: black;
}

.tooltip.bottom .tooltip-arrow {
    border-bottom-color: #6d00b3;
}

.tooltip .tooltip-inner {
    background-color: #6d00b3;
    color: #fff;
    width: 200px;
    max-width: 200px;
 /*   height: 25px;*/
    line-height: 19px;
    font-size: 15px;
}

.header.show-logo-margin {
    margin-bottom: 25px;
}

.reset-password-logo {
    position: relative;
}

@media only screen and (-Webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) {
    .smoking {
        background-position: -2px -136px;
    }

    .image.info {
        background-position: -31px -139px;
    }
}

@media only screen and (max-width: 768px) {
    .info-icon {
        padding-left: 0 !important;
    }

    .carousel .caption {
        display: none!important;
    }

    .info-icon .image {
        cursor: pointer;
        margin-top: 13px;
    }

    .button {
        margin: 0 auto;
    }

    .panel-body-details .row, .guest-det-update .row, .panel-body.column.new-guest .row {
        padding-left: 0;
    }

    .high .col-xs-12 {
        padding-right: 0;
        padding-left: 0;
    }

    .hotel-name {
        width:78%;
    }
}

.cc-exp-select {
    margin-bottom: 10px;
    margin-top: 5px;
}

.message iframe {
    max-width: 100%;
}

.kalendae .k-btn-next-year {
    display: block;
    top: 0;
    right: 10px;
}
.kalendae .k-btn-previous-year {
    display: block;
     top: 1px;
     right: 70px;
}

.kalendae .k-btn-previous-year:after, .kalendae .k-btn-next-year:after {
    content: "";
}

.kalendae .k-btn-next-month {
    right: 30px;
    top: 2px;
}

.kalendae .k-btn-previous-month {
    right: 50px;
    top: 2px;
}

.row.pages>div {
    cursor: default;
}

.no-left-padding {
    padding-left: 0!important;
}
.no-left-padding label {
    display: inline!important;
}
.no-right-padding {
    padding-right: 0!important;
}
.show-opt-details {
    padding-left: 1px;
    padding-right: 1px;
}


.wrapper {
    position:relative;
    margin:0 auto;
    overflow:hidden;
	padding:5px;
}

.list {
    width: 100%;
  	padding-left: 30px;
  	padding-right: 30px;
}

.scroller {
  text-align:center;
  cursor:pointer;
  display:none;
  padding:7px;
  padding-top:11px;
  white-space:no-wrap;
  vertical-align:middle;
  background-color:transparent;
}

.scroller-right{
  float:right;
}

.scroller-left {
  float:left;
}

.room-group {
    min-height: 0;
    margin-bottom: 20px;
    padding-bottom: 0;
}

.room-group .header {
    color: #6d00b3;
    font-family: 'ProximaNovaExtraBold', serif;
    font-size: 19px !important;
    text-align: center;
    padding-bottom: 13px;
}

.tab-container .list li{
	display:table-cell;
    position:relative;
    text-align:center;
    vertical-align:middle;
    height: 48px;
}

.tab-container .list li>a {
    background: #8b8b8b;
    color: #d7d7d7;
    font-family: 'ProximaNovaExtraBold', serif;
    font-size: 19px;
    margin-left: 10px;
    margin-right: 10px;
    height: 100%;
    border: 0;
    -ms-border-radius: 0;
    border-radius: 0;
}

.tab-container .list li>a:hover {
    background: #ffffff;
    color: #d7d7d7;
}

.tab-container .list li.active>a {
    background: #6d00b3;
    color: #ffffff;
}
.tab-container .list li.active>a:hover {
    border: 0;
    -ms-border-radius: 0;
    border-radius: 0;

}

.room-group .room-group-bottom {
    background-color: #6d00b3;
    width: 100%;
    height: 20px;
}

.room-group .carousel-control {
    background: transparent !important;
    width: 30px;
}

.purpose-of-stay-comments {
    height: 20px !important;
    margin-top: 5px;
}
.padding-top-10 {
    padding-top: 10px;
}

.chosen-container li.active-result {
    min-height: 20px;
}

.glyphicon-plus, .glyphicon-minus {
    cursor: pointer;
    top: 3px;
}

.addDate, .removeDate {
    cursor: pointer;
}

.add-remove-label {
    padding-left: 20px;
    padding-bottom: 5px;
    cursor: pointer;
}

.no-left-bottom-padding {
    padding-left: 0!important;
    padding-bottom: 0!important;
    display: inline!important; 
}

.option-popup-data .no-left-padding {
    padding-bottom: 0!important; 
}

.padding-left20 {
    padding-left: 20px;
}

.padding-bottom40 {
    padding-bottom: 40px;
}

.padding-bottom20 {
    padding-bottom: 20px;
}

.padding-bottom25 {
    padding-bottom: 25px;
}

.padding-bottom15 {
    padding-bottom: 15px;
}

.padding-bottom10 {
    padding-bottom: 10px;
}

.no-bottom-margin {
    margin-bottom: 0 !important;
}

.margin-top-group {
    margin-top: 30px;
}

.margin-top5 {
    margin-top: 5px;
}

.margin-top20 {
    margin-top: 20px;
}

.margin-top30  {
    margin-top: 30px;
}

.margin-top40  {
    margin-top: 40px;
}

.activity-spot {
    display: inline-block;
    float: none;
}

.activity-image-container {
    padding-left: 0px;
    padding-bottom: 10px;
}

.activity-cell {
    vertical-align: bottom;
    float: none !important;
}

.activity-image {
    padding-left: 0px;
}

.activity-image-modal {
    max-width: 480px;
    max-height: 500px;
    width: auto;
    height: auto;
}


@media (max-width: 767px){
    .activity-selection {
        width: 100%;
        padding-right: 0px;
        padding-left: 0px;
    }

    .activity-image {
        padding-right: 0px;
    }

    .activity-image-container {
        padding-right: 0px;
    }

    .activity-dropdown {
        padding-right: 0px;
    }
}

.rate-row {
    float: right;
}

.spots-header {
    padding-left: 0px;
}

@media (min-width: 1200px) {
    .activity-dropdown {
        width: 42.5%;
        float: left;
        padding-right: 4px;
    }

    .activity-dropdown-offset {
        margin-left: 15%;
    }

    .activity-rate {
        margin-left: 57.5%;
    }

    .activity-selection {
        padding-right: 0px;
    }
}


@media only screen and (min-width: 568px) and (max-width: 1200px){
    .activity-selection {
        padding-left: 0px;
        padding-right: 0px;
    }
    .activity-dropdown {
        padding-right: 3px;
    }
}
@media only screen and (min-width: 768px){
    .activity-selection {
        width: 50%;
        padding-right: 2px;
    }

}

.visible-xs.visible-xs-hr > hr {
    margin-top: 5px;
    margin-bottom: 5px;
}

.description h1, .description .h2, .description h3, .description .h4, .description h5, .description .h6 {
    margin-top: 0;
    margin-bottom: 0;
}

.pseud-inp-ind-wrap.purpose-stay label {
    line-height: 18px;
    position: absolute;
}

.pseud-inp-ind-wrap.purpose-stay.col-md-3{
    padding-left: 0;
    padding-right: 0;
    height: 3em;
    margin-top: 0px;
    margin-bottom: 7px;
}

.pseud-inp-ind-wrap.purpose-stay span{
    top: 2px;
    position: absolute;
}

.display-inline {
    display: inline;
}

.purpose-label {
    display: inherit;
    max-width: 80%;
    width: 80%;
    left: 25px;
    margin-bottom: 5px;
    font-weight: 700;
    font-family: ProximaNovaBold, serif;
    font-size: 11px;
    text-transform: uppercase;
    margin-left: -5px;
}

.special-offers .row h1 {
    margin-top: 5px;
}

.special-offers .row .button {
    margin-top: 1px;
}

.no-room-message {
    margin-top: 75%;
    text-align: center;
    font-size: 20px;
    font-style: italic;
}

.container-no-padding {
    padding-left: 0;
    padding-right: 0;
}

@media only screen and (min-width: 568px) and (max-width: 767px){
    .info-icon .image {
        cursor: pointer;
        margin-top: 38px;
    }
}

@media only screen and (max-width: 400px) {
    .info-icon .image {
        cursor: pointer;
        margin-top: 23px;
    }
}

@media only screen and (max-width: 1023px) {
    .no-room-message {
        margin-top: 25%;
        text-align: center;
        font-size: 20px;
        font-style: italic;
        margin-bottom: 5%;
    }
}

.cut-off-message {
    font-size: 18px;
    margin-top: 20px;
    margin-left: 20px;
    margin-right: 20px;
    color: #b22222;
}
.cut-off-message h1, .cut-off-message h2, .cut-off-message h3 {
    font-family: ProximaNovaBlack, serif;
    font-size: 14px;
    text-transform: uppercase;
}

.not-online-group-message {
    font-size: 18px;
    margin-top: 20px;
    margin-left: 20px;
    margin-right: 20px;
    color: #b22222;
}
.not-online-group-message h1, .not-online-group-message h2, .not-online-group-message h3 {
    font-family: ProximaNovaBlack, serif;
    font-size: 14px;
    text-transform: uppercase;
}

.multi-line, .multi-line p {
    margin-bottom: 0;
    white-space: pre-wrap;
}

.dropdown-category .dropdown-menu {
    background: #ffffff;
}

.dropdown-category .dropdown-menu .category-row {
    padding-top: 5px; 
    padding-left: 10px;
    padding-right: 10px;
}

.dropdown-category .dropdown-menu .select-wrapper {
    background-color: #d7d7d7;
    padding-top: 0;
    padding-bottom: 0;
}

.dropdown-category>.select-wrapper {
    padding-left: 10px;
    text-align: left;
}

.dropdown-category.open>.select-wrapper {
    -ms-border-radius: 3px 3px 0 0;
    border-radius: 3px 3px 0 0;
}

.dropdown-category .dropdown-menu {
    margin-top: 40px;
    background: #ffffff;
    border-top: 0;
    -ms-border-radius: 0 0 3px 3px;
    border-radius: 0 0 3px 3px;
    width: 100%;
    min-width: 300px;
}
 
 .dropdown-category.open .select-wrapper .holder {
    margin: 0 10px 0 5px;
 }

.dropdown-category.open .select-wrapper .custom-select {
    padding-top: 0;
    padding-bottom: 0;
}

.rlp-button input {
    background: #31044b;
    color: #d7d7d7;
	border-radius: 25px;
    padding: 20px;
 }

.rlp-button input:hover {
    text-decoration: underline;
 }

.col-xs-5ths,
.col-sm-5ths,
.col-md-5ths,
.col-lg-5ths {
    position: relative;
    min-height: 1px;
    padding-right: 4px;
    padding-left: 5px;
}

.col-filler-5ths-0 {
    display: none;
}


.col-xs-5ths {
    width: 20%;
    float: left;
}

.row.year-month-dropdown {
    margin-top: 10px;
    margin-bottom: 10px;
}

.row.year-month-dropdown .options-label {
    font-family: ProximaNovaBold, serif;
    font-size: 14px;
    color: #555555;
    text-transform: uppercase;
}

.row.year-month-dropdown .select-wrapper {
    padding-top: 0;
    padding-bottom: 0;
}

@media (min-width: 768px) {
    .col-sm-5ths {
        width: 20%;
        float: left;
    }

    .col-filler-5ths-1 {
        width: 20%;
        float: left;
    }

    .col-filler-5ths-2 {
        width: 40%;
        float: left;
    }

    .col-filler-5ths-3 {
        width: 60%;
        float: left;
    }

    .col-filler-5ths-4 {
        width: 80%;
        float: left;
    }
}

@media (min-width: 992px) {
    .col-md-5ths {
        width: 20%;
        float: left;
    }

    .col-filler-5ths-1 {
        width: 20%;
        float: left;
    }

    .col-filler-5ths-2 {
        width: 40%;
        float: left;
    }

    .col-filler-5ths-3 {
        width: 60%;
        float: left;
    }

    .col-filler-5ths-4 {
        width: 80%;
        float: left;
    }
}

@media (min-width: 1200px) {
    .col-lg-5ths {
        width: 20%;
        float: left;
    }

    .col-filler-5ths-1 {
        width: 20%;
        float: left;
    }

    .col-filler-5ths-2 {
        width: 40%;
        float: left;
    }

    .col-filler-5ths-3 {
        width: 60%;
        float: left;
    }

    .col-filler-5ths-4 {
        width: 80%;
        float: left;
    }
}

@media only screen and (max-width: 1023px) {
    .page3 .carousel-control.left, .page3 .carousel-control.right {
        width: inherit;
    }
}

.sold-out-room-message {
    color: #575757;
}

input[type=number] {
  -moz-appearance: textfield;
}

/* Remove controls from Safari and Chrome */
input[type=number]::-webkit-inner-spin-button, 
input[type=number]::-webkit-outer-spin-button { 
  -webkit-appearance: none;
  margin: 0; /* Removes leftover margin */
}

.print-name {
    display: none;
}
.print-conf-message {
    display: none;
}
.noPrint {

}
.sslCert {
    position: relative;
    z-index: 900;
}

@media print {

	* {
	    font: 16pt Georgia, "Times New Roman", Times, serif;
	    line-height: 1.3;
	}
	
	.print-name {
	    display: inline;
	    font: 24pt Georgia, "Times New Roman", Times, serif;
	}
	
	a {
	color: #000;
	}
	.footer {
	    display: none;
	}
	
	.panel-heading {
	    display: none;
	}
	.links {
	    display:none;
	}
	.noPrint{
	    display: none;
	}
    .print-conf-message {
        width: 80%;
        float:left;
        display: block;
    }

    .panel-group .col-md-4 + .panel {
        margin-top: 0;
    }
    a[href]:after {
        content: none !important;
    }
}

.footer-info {
    margin-top: 10px;
}

input[type=number] {
    border: 1px solid #a6a7a2 !important;
}

.modal.challenge .modal-body {
    padding: 0;
    height: 100% !important;
}

.modal.challenge .modal-dialog {
    top: 0;
    height: 100%;
    width: 100%;
    margin: 0 auto;
}

.modal.challenge .modal-body > iframe {
    width: 100%;
    border: 0;
    min-height: 100%;
}

.modal.challenge .modal-content {
    height: 100%;
    border-radius: 0;
}

@media (min-width: 768px) {
    .modal.challenge .modal-dialog {
        width: 90%;
        height: auto;
        top: 10%;
    }

    .modal.challenge .modal-body > iframe {
        min-height: 600px;
        border-radius: 6px;
    }

    .modal.challenge .modal-body {
        height: auto !important;
    }
    .modal.challenge .modal-content {
        height: auto;
        border-radius: 6px;
    }
}

@media (min-width: 992px) {
    .modal.challenge .modal-dialog {
        width: 80%;
    }
}

@media (min-width: 1200px) {
    .modal.challenge .modal-dialog {
        width: 66%;
    }

    .modal.challenge .modal-body > iframe {
        min-height: 700px;
    }
}

@media (min-width: 1600px) {
    .modal.challenge .modal-dialog {
        width: 1170px;
    }
}