.ui-dialog {
    z-index: 1001 !important;
    position: fixed !important;
    top: 45px !important;
}
.ui-front { z-index: 1001 !important; }



#register {
    background-color: #139A68;
}
.loading-message {
    text-align: center;
    font-size: 24px;
    color:#fff;
    margin-top: 200px;
}
/*http://tobiasahlin.com/spinkit/*/
.spinner {
    margin: 100px auto;
    width: 40px;
    height: 40px;
    position: relative;
    text-align: center;

    -webkit-animation: rotate 2.0s infinite linear;
    animation: rotate 2.0s infinite linear;
}

.dot1, .dot2 {
    width: 60%;
    height: 60%;
    display: inline-block;
    position: absolute;
    top: 0;
    background-color: #333;
    border-radius: 100%;

    -webkit-animation: bounce 2.0s infinite ease-in-out;
    animation: bounce 2.0s infinite ease-in-out;
}


/* POPUP */
.pum-container {
    xx-padding: 0 !important;
    box-shadow: 0 -2px 100px 0 rgba(0,0,0,.8) !important;
    max-width:548px;
}

.pum-theme-enterprise-blue {
    background-color: rgba( 255, 255, 255, 0.50 ) !important;
}

.popup-image {
    width: 100%;
    height: 200px;
    background-size: cover;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

.popup-main {

    text-align:center;
    padding: 40px 40px 40px 40px;
    display: none;
}

.popup-main input, .popup-main select, .popup-main textarea{
    margin-top:5px;
    margin-bottom:5px;
    border-radius: 6px;
    font-size: 14px;
    padding: 5px;
    line-height: 30px;
    float: left;
    outline:0;
    background: #f9f9f9;
    border: 1px solid #e1e1e1;
    font-family: Arial;

}
.popup-main input:focus, .popup-main select:focus, .popup-main textarea:focus{
    background-color:#fff;
    outline:0;
    border: 1px solid #0276ee;
    font-family: Arial;
}
.popup-main.page-2 input, .popup-main.page-2 textarea{
    width: 100%;
}
.popup-main select,.popup-main #package-people{
    width:100%;
    padding:12px;
}
.package-date-container,.package-type-container,.package-people-container,.package-rooms-container{
    width:48%;
    padding-top:12px;
    position:relative;
    float:left;

}

.package-rooms-container label.disabled{
    color:#999;
}
.package-date-container, .package-people-container{
    margin-right:18px;
}
.reservation-name-container,.package-comments-container{
    padding-top:20px;
    clear:both;
}
.field-container{
    text-align:left;
}

.popup-main label{
    font-weight:bold;
}

.popup-main #package-people{
    margin-right:18px;
    padding:6px;
}


.popup-main.active {
    display:block;
}

.popup-title {
    font-size: 20px;
    padding-left:10px;
    padding-right:10px;
}

.popup-price {
    color: #3b7bcd;
    margin-top: 20px;
    margin-bottom: 20px;
}

.intro-text {
    font-size: 14px;
    line-height: 20px;
}

.popup-main input.package-form-text {

    border-radius: 6px;
    font-size: 14px;
    padding: 5px;
    margin-right: 28px;
    line-height: 30px;
    width: 60%;
    float: left;

    background: #f9f9f9;
    border: 1px solid #e1e1e1;



}

.popup-main input.error{
    border: 1px solid #a10000;
}

.popup-main input.error::placeholder{
    color:#a10000;
}

.popup-main .package-form-button {
    background-color: #3b7bcd;
    border-radius: 5px;
    color: #fff;
    line-height: 30px;
    width: 30%;
    border: 0;
    padding: 5px;
    font-size: 14px;
    font-weight:bold;
    cursor:pointer;

}
.popup-main .package-form-button .bloader{
    top:25%;
    right:1em;
}

.popup-main .package-form-button:disabled{
    background-color: #6eafff;
}
.popup-main.page-2 .package-form-button{
    width:100%;
    margin-bottom:45px;
}

.email-getquote-container{
    margin-top:20px;
    margin-bottom:20px;
    overflow:hidden;
    display: inline-block;
    width: 100%;
}

.email-getquote-container #package-email {
    margin-top: 0;
}


.newsletter-container{
    text-align: left;
    clear:both;

}
.newsletter-container input{
    margin-top:3px;
}
.dot2 {
    top: auto;
    bottom: 0px;
    -webkit-animation-delay: -1.0s;
    animation-delay: -1.0s;
}

/* close button */
.pum-close {
    padding: 2px !important;
    border: 2px solid #fff !important;
}


/*-------------------------
Inline help tip
--------------------------*/

.help-tip{
    position: absolute;
    top: 8px;
    right: 4px;
    text-align: center;
    background-color: #BCDBEA;
    border-radius: 50%;
    width: 24px;
    height: 24px;
    font-size: 14px;
    line-height: 26px;
    cursor: pointer;
    opacity:.9;
    z-index:100;
}

.help-tip:before{
    content:'?';
    font-weight: bold;
    color:#fff;
}

.help-tip:hover p{
    display:block;
    transform-origin: 100% 0%;

    -webkit-animation: fadeIn 0.3s ease-in-out;
    animation: fadeIn 0.3s ease-in-out;

}

.help-tip p{
    display: none;
    text-align: left;
    background-color: #1E2021;
    padding: 20px;
    width: 300px;
    position: absolute;
    border-radius: 3px;
    box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
    right: -4px;
    color: #FFF;
    font-size: 13px;
    line-height: 1.4;
}

.help-tip p:before{
    position: absolute;
    content: '';
    width:0;
    height: 0;
    border:6px solid transparent;
    border-bottom-color:#1E2021;
    right:10px;
    top:-12px;
}

.help-tip p:after{
    width:100%;
    height:40px;
    content:'';
    position: absolute;
    top:-40px;
    left:0;
}
.largeGroupsMessage{
    display:none;
    float: left;
    font-size: 0.75em;
    text-align: left;
}


@-webkit-keyframes fadeIn {
    0% {
        opacity:0;
        transform: scale(0.6);
    }

    100% {
        opacity:100%;
        transform: scale(1);
    }
}

@keyframes fadeIn {
    0% { opacity:0; }
    100% { opacity:100%; }
}






@-webkit-keyframes rotate { 100% { -webkit-transform: rotate(360deg) }}
@keyframes rotate { 100% { transform: rotate(360deg); -webkit-transform: rotate(360deg) }}

@-webkit-keyframes bounce {
    0%, 100% { -webkit-transform: scale(0.0) }
    50% { -webkit-transform: scale(1.0) }
}

@keyframes bounce {
    0%, 100% {
        transform: scale(0.0);
        -webkit-transform: scale(0.0);
    } 50% {
          transform: scale(1.0);
          -webkit-transform: scale(1.0);
      }
}