.dialogContainer {
    width: 0;
    height: 0;
    overflow: hidden;
}

a#close, a.close {
    background: url("../images/ico-close.gif") no-repeat scroll right top transparent;
    color: #58595B;
    float: right;
    font-weight: bold;
    height: 19px;
    line-height: 20px;
    margin: 0 25px 0 0;
    padding: 0 25px 0 0;
    text-transform: uppercase;
    width: 40px;
}
.squaredThree2 .error {
    margin: 0;
    color: red;
    font-size: 10px;
    position: absolute;
    width: 100px;
    background: none;
    border: 0px;
    margin-top: -14px;
    box-shadow: 0px 0px;
    /* opacity: 0; */
    top: -13px;
}

body.de div.dialog  a#close, body.de div.dialog a.close {width: 70px;}

body.ru div.dialog a#close, body.ru div.dialog  a.close {width: 70px;}

body.ar div.dialog  a#close, body.ar div.dialog a.close {
    background-position: left top;
    padding: 0 0 0 25px;
    float: left;
    margin-right: 25px;
    margin-left: 0;
}

#topMenu ul li.booking a {padding-left: 9px;}
#topMenu ul li a span {display: block;background: transparent url(../images/privilege/ico-privilege.png) no-repeat 0 0;padding: 0 0 0 30px;}
#topMenu ul li.booking a span {background-position: 0 -250px;}
#topMenu ul li.login a span {background-position: 0 -200px;}
#topMenu ul li.signup a span {background-position: 0 -150px;}

body.ar #topMenu ul li a span {background-position:right 0;padding:0 30px 0 0;}
body.ar #topMenu ul li.booking a span {background-position:right -250px;}
body.ar #topMenu ul li.login a span {background-position:right -200px;}
body.ar #topMenu ul li.signup a span {background-position:right -150px;}

.myprivilege {
    float: left;
    margin: 0;
    padding: 0;
    position: relative;
}

.myprivilege ul {
    float: left;
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.myprivilege ul li {
    float: left;
    margin: 0;
    padding: 0 5px;
    font-size: 11px;
    text-transform: uppercase;
    line-height: 18px;
}

.myprivilege ul li a span {
    display: block;
    background: transparent url(../images/privilege/ico-privilege.png) no-repeat 0 0;
    padding: 0 0 0 30px;
}

.myprivilege ul li a {
    color: #58585A;
    display: block;
    padding: 0px 10px;
}

.myprivilege ul li a:hover, .myprivilege ul li a.hover {
    color: #FFF;
    background: #58585A;
}

.myprivilege ul li.booking a span {background-position: 0 -100px;}
.myprivilege ul li.login a span {background-position: 0 -50px;}
.myprivilege ul li.signup a span {background-position: 0 0;}

.myprivilege ul li.booking a:hover span, .myprivilege ul li.booking a.hover span {background-position: 0 -250px;}
.myprivilege ul li.login a:hover span, .myprivilege ul li.login a.hover span {background-position: 0 -200px;}
.myprivilege ul li.signup a:hover span, .myprivilege ul li.signup a.hover span {background-position: 0 -150px;}

body.ar .myprivilege ul li a span {padding:0 30px 0 0;}
body.ar .myprivilege ul li.booking a span {background-position: right -100px;}
body.ar .myprivilege ul li.login a span {background-position: right -50px;}
body.ar .myprivilege ul li.signup a span {background-position: right 0;}

body.ar .myprivilege ul li.booking a:hover span, body.ar .myprivilege ul li.booking a.hover span {background-position: right -250px;}
body.ar .myprivilege ul li.login a:hover span, body.ar .myprivilege ul li.login a.hover span {background-position: right -200px;}
body.ar .myprivilege ul li.signup a:hover span, body.ar .myprivilege ul li.signup a.hover span {background-position: right -150px;}

.myprivilege .dialog {
    position: absolute;
    z-index: 20;
    display: none;

    right: 0;
    padding: 10px 20px;
    border: 1px solid #58585A;
    border-top: 10px solid #58585A;
    background: #FFF;
}

.myprivilege .dialog button.btnContinue02 {margin: 0 auto;}

body.ar .myprivilege .dialog {right:auto;}

body.ar .dialog.privilege h3 {
    padding-right: 20px;
}

body.ar #lnkForgetPassword {
    color: #3b3b38;
    font-size: 10px;
    display: block;
    text-align: left;
    margin: 0 0 10px 0;
    z-index: 9;
    position: relative;
    margin-top: -30px;
    padding-bottom: 5px;
}
body.ar .myBookingPopupClose,body.ar  .loginPopupClose, body.ar .signupPopupClose {
    position: absolute;
    left: 0px;
    top: 0px;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    padding: 10px;
    cursor: pointer;
    background: #58585A;
    color: white;
    font-size: 20px;
    right: initial!important;
}

body.ar .squaredThree2 {
    width: 20px;
    position: relative;
    margin: 20px auto;
    margin: 0;
    float: right;
    margin-left: 20px;
}

body.ar .dialog.privilege .sprLine01 {
    margin: 10px -20px;
    width: inherit;
    clear: both;
    padding: 0;
    height: 1px;
    overflow: hidden;
    background-color: #d2cfcf;
}

body.ar #menuHead .myprivilege .dialog {
    top: 41px!important;
    width: 341px;
    box-shadow: 0 19px 38px rgba(0,0,0,0.30), 0 15px 12px rgba(0,0,0,0.22);
}
.myprivilege .btnFBLogin {
    display: block;
    background: #4E70A9 url(../images/privilege/facebook.png) no-repeat 0 center;
    color: #FFF;
    padding: 10px 0 10px 50px;
    text-transform: uppercase;
    border-radius: 2px;
}
body.ar .myprivilege .btnFBLogin {background-position:right center;padding: 10px 50px 10px 0;}

#myProfile {
    display: block;
    float: right;
    position: relative;
    text-align: right;
}

#myProfile a {
    color: #FFF;
    display: inline-block;
    padding: 22px 10px;
    line-height: 16px;
}

#myProfile a:hover, #myProfile a.hover {
    color: #FFF;
    background: #58585A;
}

#myProfile .menu {
    float: none;
    z-index: 100;
    position: absolute;
    top: 52px;
    right: 0;
    width:100%;
    min-width: 280px;
    display: none;
    background: #FFF;
    border: 1px solid #58585A;
    border-top: 10px solid #58585A;
    box-sizing: border-box;
}

#myProfile .menu h3 {
    font-size: 18px;
    border-bottom: 1px solid #d2cfcf;
    text-align: left;
    font-weight: normal;
    padding: 10px;
    margin: 0;
    text-transform: uppercase;
}

#myProfile .menu ul {float: none;}
#myProfile .menu ul li {float: none;padding: 0;text-align: left;display: block;}
#myProfile .menu ul li a {color: #58585A;padding: 10px;display: block;}
#myProfile .menu ul li a:hover {color: #FFF;}
#myProfile .menu ul li a span {padding: 0;background: transparent none;}

body.ar #myProfile .menu {right:auto;left:0;}
body.ar #myProfile .menu h3, body.ar #myProfile .menu ul li {text-align: right;}

#myProfile a.welcome {padding: 16px 0;line-height:30px;}
body.ru #myProfile a.welcome {line-height:1em;}

#myProfile a.welcome span.image {
    display: block;
    float: left;
    background: transparent url(../images/privilege/user_white.png) no-repeat 0 0;
    background-size:cover;
    width: 30px;
    height: 30px;
    margin: 0 10px;
    border-radius:20px;
}

#myProfile a.welcome span.name {
    display: block;
    white-space: nowrap;
    float: right;
    background: transparent url(../images/privilege/ico-privilege.png) no-repeat right -340px;
    padding: 0 25px 0 0;
    overflow: hidden;
}

body.ar #myProfile a.welcome span.image {background-position:right 0;float: right;}
body.ar #myProfile a.welcome span.name {background-position:left -340px;padding: 0 0 0 25px;}

.dialog.privilege {
    width: 290px;
    box-sizing: border-box;     box-shadow: 0 19px 38px rgba(0,0,0,0.30), 0 15px 12px rgba(0,0,0,0.22);
}

.dialog.privilege h3 {
    font-size: 21px;
    text-transform: uppercase;
    font-weight: normal;
    margin: 0;
}

.dialog.privilege .sprLine01 {
    margin: 10px -20px;
    width: 276px;
    clear: both;
    padding: 0;
    height: 1px;
    overflow: hidden;
    background-color: #d2cfcf;
}

.dialog.privilege fieldset {
    border-bottom: 0px solid #5b5252;
    margin: 0 0 0px;
    padding: 5px 0;
}

.dialog.privilege fieldset.btn {
    border: 0;    margin-bottom: 20px;
}
.dialog.privilege #forgetPasswordArea fieldset.btn {margin:0;}
.dialog.privilege #forgetPasswordArea a#lnkLogin {display:block;text-align:right;margin:5px 0 0;}

.dialog.privilege fieldset.nomargin {margin: 0;}
.dialog.privilege fieldset label {display: inline-block;width: 80px;}
.dialog.privilege fieldset .note label {width:auto;}

.dialog.privilege fieldset label.error {width: auto;font-weight: normal;font-size: 10px;width: 100%!important;margin-top: 22px;}

.dialog.privilege fieldset label.error {
    width: auto;
    font-weight: normal;
    font-size: 10px;
    width: 100%!important;
    margin-top: 23px;
    top: -60px;
    position: relative;
}
.dialog.privilege fieldset label#chkPrivilegeTerms-error.error {top:-65px;}

.dialog.privilege fieldset select {border: 0;padding: 0;}
.dialog.privilege fieldset input {border: 0;padding:5px 0;width: 150px;}
.dialog.privilege fieldset input#chkPrivilegeTerms {float:left;width:auto;}

.dialog.privilege button.btnContinue02, #linkFBAccount .btnContinue02 {
    background: #b3a258;
    border-radius: 2px;
    display: block;
    text-align: center;
    width: 100%;
    border: 0 none;
    color: #fff;
    cursor: pointer;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 14px;
    font-weight: bold;
    height: 33px;
    padding: 0;
}

body.AV .dialog.privilege button.btnContinue02, body.AV #linkFBAccount .btnContinue02 {background:#00828f;}
body.PQ .dialog.privilege button.btnContinue02, body.PQ #linkFBAccount .btnContinue02 {background:#00263d;}
body.MN .dialog.privilege button.btnContinue02, body.MN #linkFBAccount .btnContinue02 {background:#2c53a1;}
body.TI .dialog.privilege button.btnContinue02, body.TI #linkFBAccount .btnContinue02 {background:#B8440F;}

 .or {border-top: 1px solid #5b5252;text-align: center;}
.dialog.privilege .or span {background: #FFF;display: inline-block;margin: -10px 0 10px;padding: 0 5px;}
.dialog.privilege .note {font-size: 8px;margin: 5px 0;}
.dialog.privilege .error {margin: 0;color: red;font-size: 10px;background-position: right center;}

body.ar .dialog.privilege fieldset label {width:85px;}
body.ar .dialog.privilege fieldset input {width:145px;}
body.ar .dialog.privilege fieldset label.error {width:auto;}

#loginPopup fieldset input, #myBookingPopup fieldset input {width: 150px;}
#loginPopup fieldset input, #myBookingPopup fieldset input#txtForgetPasswordEmail{
    width: 100%;
    border-bottom-color: #555;
    border-bottom-width: 3px;
    border-bottom-style: outset;
}
body.ar #loginPopup fieldset input, body.ar #myBookingPopup fieldset input {width: 110px;}

#myBookingPopup.privilege fieldset label {width: 110px;}
#myBookingPopup fieldset input {width: 110px;}

body.ar #myBookingPopup.privilege fieldset label {width: 120px;}

#lnkForgetPassword {
    color: #3b3b38;
    font-size: 10px;
    display: block;
    text-align: right;
    margin: 0 0 10px 0;
}

#loginPopup .gha {font-size: 9px;background: transparent url(../images/privilege/gha.png) no-repeat left top;padding: 3px 0 3px 18px;}
#loginPopup .loginSignup {text-align: center;margin: 15px 0 0;}
#linkFBAccount {width: 350px;background: #FFF;padding: 15px;}
#linkFBAccount a#close {margin: 0;}

#linkFBAccount .image {
    overflow: auto;
    clear: both;
    text-align: center;
    background: transparent url(../images/privilege/arrow.gif) no-repeat center;
    padding: 20px 0;
}

#linkFBAccount .image img {
    display: inline-block;
    width: 80px;
    height: 80px;
    float: left;
    margin: 0 0 0 60px;
    border-radius: 5px;
}

#linkFBAccount .image span {
    display: inline-block;
    background: #888485;
    width: 80px;
    line-height: 80px;
    color: #FFF;
    float: left;
    margin: 0 0 0 70px;
    border-radius: 5px;
}

#linkFBAccount p {
    margin: 10px 0;
}

#linkFBAccount fieldset {
    padding: 10px 0;
}

#linkFBAccount label {
    display: block;
    margin: 0 0 10px;
}

#linkFBAccount label.error {
    font-weight: normal;
    font-size: 10px;
    color: red;
}

#linkFBAccount input {
    padding: 5px;
    width: 250px;
}

#linkFBAccount .btn {
    margin: 10px 0 0;width: auto;
}

#linkFBAccount .btnContinue02 {
    width: auto;
    display: inline;
    padding: 0 20px;
    margin: 0 10px 0 0;
}

#confirmLoggedIn.dialog {
    padding: 10px 10px 30px;
    width: 300px;
}

#confirmLoggedIn.dialog a#close {
    margin: 0;
}

#confirmLoggedIn.dialog h3 {
    font-size: 16px;
    border-bottom: 1px solid #d2cfcf;
    padding: 10px 0 10px;
    clear: both;
    text-align: center;
    margin: 10px -10px;
    text-transform: uppercase;
}

#confirmLoggedIn.dialog a.continue {
    background: #b3a258;
    border-radius: 2px;
    display: block;
    text-align: center;
    width: 100%;
    border: 0 none;
    color: #fff;
    cursor: pointer;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 14px;
    font-weight: bold;
    line-height: 33px;
    padding: 0;
    margin: 20px 0 10px;
    text-transform: uppercase;
}

body.AV #confirmLoggedIn.dialog a.continue {background: #00828f;}
body.PQ #confirmLoggedIn.dialog a.continue {background: #00263d;}
body.MN #confirmLoggedIn.dialog a.continue {background: #2c53a1;}
body.AV #confirmLoggedIn.dialog a.continue {background: #B8440F;}

#confirmLoggedIn.dialog a.cancel {
    display: block;
    text-align: center;
    color: #58595b;
}

#joinPrivilege.dialog {
    display: block;
    border: 0;
    text-align: center;
    padding: 10px 50px 0;
    top: 63px;
    -webkit-box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.75);
    box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.75);
}
body.AV #joinPrivilege.dialog {}

#joinPrivilegeAfterLogin.dialog {
    display: block;
    border: 0;
    text-align: center;
    padding: 10px 25px 0;
    top: 63px;
    -webkit-box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.75);
    box-shadow: 1px 1px 2px 0px rgba(0,0,0,0.75);
}

#joinPrivilege.dialog p, #joinPrivilegeAfterLogin.dialog p {
    margin: 0 0 10px;
}

#joinPrivilege.dialog a.dismiss, #joinPrivilegeAfterLogin.dialog a.dismiss {
    position: absolute;
    top: 0;
    right: 5px;
    color: #58585A;
    font-size: 10px;
    font-weight: bold;
}
body.ar #joinPrivilege.dialog, body.ar #joinPrivilegeAfterLogin.dialog {right:auto;left:0;}
body.ar #joinPrivilege.dialog a.dismiss, body.ar #joinPrivilegeAfterLogin.dialog a.dismiss {right:auto;left:5px;}

#joinPrivilege.dialog a.login, #joinPrivilegeAfterLogin.dialog a.login {
    display: block;
    background: #58585A;
    padding: 5px 20px;
    text-align: center;
    text-transform: uppercase;
    color: #FFF;
    margin: 0 0 10px;
}

#joinPrivilege.dialog a.signup, #joinPrivilegeAfterLogin.dialog a.signup {
    font-weight: bold;
    color: #58585A;
}

#confirmLoggedIn.dialog a.cancel {
    display: block;
    text-align: center;
    color: #58595b;
}

#loginPopup .loginSignup {
    text-align: center;
    margin: 15px 0 0;
}

#divConnectSocial .fb-logo {background:#2e4687;float:left;margin: 0 20px 0 0;padding: 5px 20px 8px;border-radius:3px;}
#DisConnectArea, #ConnectArea {overflow:hidden}

#divConnectSocial .button, #divconfirmDisconnectFB .button 
{
    display:inline-block;
    color:#FFF;
    background:#6089e4;
    padding:5px 15px;
    text-transform:uppercase;
    border-radius:4px;
}

#divCreateNewProfile, #divconfirmDisconnectFB {
    width:450px;
    padding:15px;
    background:#FFF;
}
#divCreateNewProfile h3 {clear:both;font-size:16px;}
#divCreateNewProfile #frmCreateNewProfile {margin:20px 0 10px;border-bottom:1px solid #d2cfcf;padding:0;}
#divCreateNewProfile label {font-weight:normal;}
#divCreateNewProfile input {width:300px;}
#divCreateNewProfile button {
    background: #b3a258;
    border-radius: 2px;
    display: inline-block;
    text-align: center;
    border: 0 none;
    color: #fff;
    cursor: pointer;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 14px;
    font-weight: bold;
    height: 33px;
    padding: 0 10px;
    width:auto;margin:10px 0 0;
}
#btnDeleteProfile {margin:0;}


.yourprofile_heading {
    font-size: 28px;
    text-transform: uppercase;
    margin:0 0 30px;
    font-weight:normal;
}

.booking_container {
    position: relative;
    background: url("../images/privilege/bookingform_bg.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    padding-bottom: 30px;
    box-shadow: 0 27px 55px 0 rgba(0, 0, 0, 0.3), 0 17px 17px 0 rgba(0, 0, 0, 0.15);
    overflow:auto;
}

body.AV .booking_container {background-image:url(../images/privilege/bookingform_bg_av.jpg);}
body.PQ .booking_container {background-image:url(../images/privilege/bookingform_bg_pq.jpg);}
body.MN .booking_container {background-image:url(../images/privilege/bookingform_bg_mn.jpg);}

#bookingDevice.privilege .device {
    width:45%;float:right;margin:30px 40px 0;
}
#bookingDevice.privilege fieldset {margin:0 0 20px 0;}
#bookingDevice.privilege fieldset label {float:left;}
#bookingDevice.privilege .device input {border:0;float:left;width: 100%;padding:2px 0;}

#bookingDevice.privilege fieldset.hotel {
    background:#FFF url(../images/search_icon.png) no-repeat 10px 13px;
    padding:0 0 0 35px;
    border-radius: 5px;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
}
#bookingDevice.privilege fieldset.hotel select {border:0;padding:0;width: 100%;border-radius: 5px;height:41px;}
#bookingDevice.privilege fieldset.date {
    background:#FFF;
    border-radius: 5px;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
    width:45%;float:left;
}
#bookingDevice.privilege fieldset.margin {margin:0 0 0 30px;}
#bookingDevice.privilege fieldset.date fieldset {overflow:hidden;padding:5px 0 5px 10px;margin:0;}

#bookingDevice.privilege fieldset.date .calendar {
    display:block;float:right;height:46px;width:35px;padding:0;
    background:#b3a258 url("../images/privilege/ico-privilege.png") no-repeat scroll center -235px;
    border-radius: 0 5px 5px 0;
}
#bookingDevice.privilege fieldset.date button {display:none;}

#bookingDevice.privilege fieldset.number {
    position:relative;width:45%;float:left;
    background:#FFF;
    border-radius: 5px;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);

}
#bookingDevice.privilege fieldset.number fieldset {padding:5px 0 5px 10px;margin:0 32px 0 0;}

#bookingDevice.privilege #haveacode {
    color:#FFF;display:block;float:left;
    font-size: 14px;
    margin:0 0 0 30px;
    padding: 15px 30px 15px 10px;
    text-shadow: 1px 1px #555;
}
#bookingDevice.privilege fieldset.code {
    background:#FFF url(../images/icon_promo.png) no-repeat right center;
    border-radius: 5px;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
    width:45%;float:left;
}
#enterCode.privilege select {
    background:#FFF;
    border-radius: 5px 8px 8px 5px;
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23);
    width:45%;float:left;
    padding:13px 10px;
    border:0;
}
#bookingDevice.privilege fieldset#enterCode fieldset {padding:5px 0 5px 10px;margin:0 0 0 20px;}

#bookingDevice.privilege fieldset.code .coupon {
    background:#b3a258 url("../images/icon_promo.png") no-repeat center;
    padding: 0 8px;
    width: 20px;
    height: 46px;
    display:block;
    float:right;
    margin:-5px 0 -5px;
    border-radius: 0 5px 5px 0;
}
#bookingDevice.privilege fieldset.code input {width:100px;}
#bookingDevice.privilege .flexiDate {margin:0 0 20px;color:#FFF;}

body.ar .booking_header {left:auto;right:5%;}
body.ar #bookingDevice.privilege .device {float:left;}
body.ar #bookingDevice.privilege fieldset.hotel {background: #FFF url(../images/search_icon.png) no-repeat 97% 13px;padding: 0 35px 0 0;}
body.ar #bookingDevice.privilege fieldset.date {float:right;}
body.ar #bookingDevice.privilege fieldset.date .calendar {float:left;border-radius:5px 0 0 5px;}
body.ar #bookingDevice.privilege fieldset.date fieldset{padding:5px 10px 5px 0;}
body.ar #bookingDevice.privilege fieldset label {float:right;}
body.ar #bookingDevice.privilege fieldset.number {float:right;}
body.ar #bookingDevice.privilege fieldset.margin {margin:0 30px 0 0;}
body.ar #bookingDevice.privilege fieldset.number fieldset {margin:0 0 0 32px;padding:5px 10px 5px 0;}
body.ar #enterCode.privilege select {float:right;}
body.ar #bookingDevice.privilege fieldset#enterCode fieldset {margin:0 20px 0 0;}
body.ar #dateFlexibleLabel {margin:0 20px 0 0;}

body.ar .offers a.booknow {float:left;}

body.ar .squaredThree {float:right;}
body.ar .stepper-btn {right:auto;left:32px;}
body.ar .stepper-btn:last-child {right:auto;left:0;border-radius:5px 0 0 5px;}

.booking-btn {
    -webkit-transition: all 100ms cubic-bezier(0.165, 0.84, 0.44, 1);
    transition: all 100ms cubic-bezier(0.165, 0.84, 0.44, 1);
    box-shadow: 0 0px 0px 0 rgba(0, 0, 0, 0.37);
    cursor: pointer;
}

.booking-btn:hover {
    box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.37);
}

body.AV #bookingDevice.privilege fieldset.date .calendar, body.AV .stepper-btn, body.AV .booking-btn, body.AV #bookingDevice.privilege fieldset.code .coupon {background-color:#47244a;}
body.AV .stepper-btn:last-child {border-left:1px solid #FFF;}
body.AV #divCreateNewProfile button {background-color:#47244a;}

body.PQ #bookingDevice.privilege fieldset.date .calendar, body.PQ .stepper-btn, body.PQ .booking-btn, body.PQ #bookingDevice.privilege fieldset.code .coupon {background-color:#00263d;}
body.PQ .stepper-btn:last-child {border-left:1px solid #FFF;}
body.PQ #divCreateNewProfile button {background-color:#00263d;}

body.MN #bookingDevice.privilege fieldset.date .calendar, body.MN .stepper-btn, body.MN .booking-btn, body.MN #bookingDevice.privilege fieldset.code .coupon {background-color:#2c53a1;}
body.MN .stepper-btn:last-child {border-left:1px solid #FFF;}
body.MN #divCreateNewProfile button {background-color:#2c53a1;}

body.TI #bookingDevice.privilege fieldset.date .calendar, body.TI .stepper-btn, body.TI .booking-btn, body.TI #bookingDevice.privilege fieldset.code .coupon {background-color:#B8440F;}
body.TI .stepper-btn:last-child {border-left:1px solid #FFF;}
body.TI #divCreateNewProfile button {background-color:#B8440F;}

/* .squaredThree */
.squaredThree {
    width: 20px;
    position: relative;
    margin: 20px auto;
    margin: 0;
    float: left;
}

.squaredThree label {
    width: 20px;
    height: 20px;
    cursor: pointer;
    position: absolute;
    top: 0;
    left: 0;
    background: -webkit-linear-gradient(top, #222222 0%, #45484d 100%);
    background: linear-gradient(to bottom, #222222 0%, #45484d 100%);
    border-radius: 4px;
    box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.5), 0px 1px 0px rgba(255, 255, 255, 0.4);
    background: none;
    border: 1px solid white;
    border-radius: 1px;
}

.squaredThree label:after {
    content: '';
    width: 9px;
    height: 5px;
    position: absolute;
    top: 4px;
    left: 4px;
    border: 3px solid #fcfff4;
    border-top: none;
    border-right: none;
    background: transparent;
    opacity: 0;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.squaredThree label:hover::after {
    opacity: 0.3;
}

.squaredThree input[type=checkbox] {
    visibility: hidden;
}

.squaredThree input[type=checkbox]:checked + label:after {
    opacity: 1;
}




/* .squaredThree */
.squaredThree2 {
    width: 20px;
    position: relative;
    margin: 20px auto;
    margin: 0;
    float: left;
}

.squaredThree2 label {
    width: 20px;
    height: 20px;
    cursor: pointer;
    position: absolute;
    top: 0;
    left: 0;
    background: -webkit-linear-gradient(top, #222222 0%, #45484d 100%);
    background: linear-gradient(to bottom, #222222 0%, #45484d 100%);
    border-radius: 4px;
    box-shadow: inset 0px 1px 1px rgba(0, 0, 0, 0.5), 0px 1px 0px rgba(255, 255, 255, 0.4);
    background: none;
    border: 1px solid #555;
    border-radius: 1px;
}

.squaredThree2 label:after {
    content: '';
    width: 9px;
    height: 5px;
    position: absolute;
    top: 4px;
    left: 4px;
    border: 3px solid #555;
    border-top: none;
    border-right: none;
    background: transparent;
    opacity: 0;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.squaredThree2 label:hover::after {
    opacity: 0.3;
}

.squaredThree2 input[type=checkbox] {
    visibility: hidden;
}

.squaredThree2 input[type=checkbox]:checked + label:after {
    opacity: 1;
}

.checkboxline {
    z-index: 9;
    position: relative;
    margin-bottom: 10px;
}

.stepper-btn {
    position: absolute;
    top: 0;
    right: 32px;
    width: 32px;
    background-color: #B3A258;
    color: #fff;
    border: 0;
    height: 100%;
    padding: 0;
    cursor: pointer;
}

.stepper-btn:last-child {
    -moz-border-radius: 0 5px 5px 0;
    -webkit-border-radius: 0 5px 5px 0;
    border-radius: 0 5px 5px 0;
    right: 0;
    border-left: 1px solid #A2924C;
}


#dateFlexibleLabel {
    line-height: 20px;
    margin-left: 20px;
}

.booking-btn {
    background-color: #B3A258;
    padding: 10px 0;
    text-align: center;
    text-transform: uppercase;
    color: #fff;
    border: 0;
    width: 100%;
    font-weight: 700;
    font-size: .875em;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
}

.booking_header {
    position: absolute;
    bottom: 32px;
    display: inline-table;
    color: white;
    font-size: 24px;
    left: 5%;
}

.offers {margin:30px 0;overflow:auto;}
.offers table:nth-of-type(2n+1) {margin-right:30px;}
.offers table {
    width:327px;margin:0;float:left;border-spacing:0;
    box-shadow:0 1px 4px 0 rgba(0, 0, 0, 0.37);
    background-color: #fafafa;
    border-radius: 2px;
    margin: 8px 8px 30px 0;
    border-left:1px solid #e0e0e0;
}

.offers h2 {
    color: #b3a258;
    font-size: 15px;
    font-weight: bold;
    margin: 0;
    padding: 16px;
    text-transform: uppercase;
}
.offers p {
    color: #939494;
    font-size: 12px;
    line-height: 1.6;
    margin: 0 0 10px;
    padding: 0 16px;
}
.offers .line {border-top:1px solid #e0e0e0;padding:10px 16px;}
.offers a.booknow {
    background: #b3a258 none repeat scroll 0 0;
    border: 0 none;
    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.37);
    color: #ffffff;
    cursor: pointer;
    display: inline-block;
    line-height: 29px;
    padding:0 15px;
    border-radius: 5px;
    float:right;
}


.myBookingPopupClose,.loginPopupClose,.signupPopupClose {
    position: absolute;
    right: 0px;
    top: 0px;
    border-top: 1px solid rgba(255, 255, 255, 0.1);
    padding: 10px;
    cursor: pointer;
    background: #58585A;
    color: white;
    font-size: 20px;
}


.input {
    position: relative;
    z-index: 1;
    display: inline-block;
    margin: 0em;
    max-width: 350px;
    width: calc(100% );
    vertical-align: top;
      background-color: rgb(250, 255, 255)!important;
}

.input__field {
    position: relative;
    display: block;
    float: right;
    padding: 0.8em!important;
    width: 60%!important;
    border: none!important;
    border-radius: 0;
    background: #f0f0f0;
    color: #aaa;
    font-weight: 400;

    -webkit-appearance: none; /* for box shadows to show on iOS */
}

.input__field:focus {
    outline: none;
}

.input__label {
    display: inline-block;
    float: right;
    padding: 0 1em;
    width: 40%;
    color: #696969;
    font-weight: bold;
    font-size: 70.25%;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}


.input__label-content {
    position: relative;
    display: block;
    padding: 1.6em 0;
    width: 100%;
}

/* Ruri */
.input__field--ruri {
    width: 96%!important;
    background: transparent;
    margin-bottom: 15px!important;
    color: #555;
}

.input__label--ruri {
    width: 100%!important;
    position: absolute;
    text-align: left;
    font-size: 1em;
    padding: 10px 0 5px!important;
    cursor:text;
}

.input__label--ruri::after {
    content: '';
    position: absolute;
    width: 100%!important;
    height: 3px;
    background: #555;
    left: 0;
    top: 100%;
    -webkit-transform-origin: 50% 100%;
    transform-origin: 50% 100%;
    -webkit-transition: -webkit-transform 0.3s, background-color 0.3s;
    transition: transform 0.3s, background-color 0.3s;
}

.input__label-content--ruri {
    padding: 0;
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-transition: -webkit-transform 0.3s, color 0.3s;
    transition: transform 0.3s, color 0.3s;
}

.input__field--ruri:focus + .input__label--ruri::after,
.input--filled .input__label--ruri::after {
    background: #555;
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
}

.input__field--ruri:focus + .input__label--ruri .input__label-content--ruri,
.input--filled .input__label--ruri .input__label-content--ruri {
    color: #555;
    -webkit-transform: translate3d(0, 2em, 0) scale3d(1, 1, 1);
    transform: translate3d(0, 2em, 0) scale3d(1, 1, 1);
}    

input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px white inset;
}

#frmSignUp > fieldset:nth-child(1) {
    border-bottom: 3px solid #5b5252;
    margin-bottom: 25px;
}

.dialog.privilege .note {
    font-size: 11px;
    margin:0 0 5px 26px;
}
.dialog.privilege .terms {
    font-size:10px;
    margin:0 0 5px;
}

body.ar .dialog.privilege .note {margin:0 26px 5px 0;}

#loginPopup .gha {
    font-size: 12px;
    background: transparent url(../images/privilege/gha.png) no-repeat left top;
    padding: 3px 0 3px 18px;
    padding-left: 30px;
    padding-top: 0;
}
#lnkForgetPassword {
    color: #3b3b38;
    font-size: 10px;
    display: block;
    text-align: right;
    margin: -20px 0 10px 0;
    z-index: 9;
    position: relative;
    padding-bottom: 5px;
    float:right;
}

#menuHead #joinPrivilege.dialog {
    top: 76px!important;
    width: 152px;
}

#menuHead #joinPrivilegeAfterLogin.dialog {
    top: 76px!important;
    width: 210px;
}

#frmProfileLogin {
    margin-bottom: 15px;
}


body.ar .input__label--ruri {
    width: 100%!important;
    position: absolute;
    text-align: right;
    font-size: 1em;
    padding: 10px 0 5px!important;
    pointer-events: none;
    right: 0px;
}

#dialogCookie {padding:20px;max-width:350px;}
#dialogCookie a {
    background: #b3a258 none repeat scroll 0 0;
    border: 0 none;
    border-radius: 2px;
    color: #fff;
    cursor: pointer;
    display: block;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 14px;
    font-weight: bold;
    line-height: 33px;
    padding: 0;margin:20px 0 0;
    text-align: center;
    width: 100%;
}

@media only screen and /*! YUI-Compressor */ (min-device-width : 320px) and /*! YUI-Compressor */ (max-device-width : 736px) {
   .dialog.privilege .sprLine01 {width: initial;overflow: hidden;background-color: #d2cfcf;}
    .myprivilege ul {overflow:auto;float:right;display:inline-block;margin:0 auto;}
    .myprivilege #myProfile ul {display:block;}
    .dialog.privilege {top:38px!important;width:100%;box-shadow: 0 19px 38px rgba(0,0,0,0.30), 0 15px 12px rgba(0,0,0,0.22);}

    #topMenu.myprivilege {float:none;margin:0;background:#B3A258;border-bottom:1px solid #FFF;}
    #topMenu.myprivilege ul {float:right;}
    #topMenu.myprivilege ul li a {padding:10px 5px;color:#FFF;}

    body.AV #topMenu.myprivilege {background:#47244a;}
    body.PQ #topMenu.myprivilege {background:#00263d;}
    body.MN #topMenu.myprivilege {background:#2c53a1;}

    #myProfile {float:none;border-bottom:1px solid #FFF;background:#B3A258;}
    #myProfile a.welcome {padding:10px 0;}
    #myProfile .menu {top:50px;max-width:320px;}
    #myProfile .menu ul {padding:0;}

    body.ar #myProfile {text-align:left;}

    #myBookingPopup {}

    #joinPrivilege.dialog, #joinPrivilegeAfterLogin.dialog { top: 40px;width: 100%;box-sizing: border-box;}

    .yourprofile_heading {font-size:14px;border-top:1px solid #B3A258;margin:0 -10px;padding:30px 10px;}
    .booking_header {position:static;margin:20px;text-shadow: 2px 2px #000;}

    #bookingDevice.privilege .device {width:auto;float:none;margin:0 20px;}

    #Content .offers {margin:30px 0 0;}
    #Content .offers table {width:327px;float:none;margin:0 auto 20px;}
    #Content .offers table tr {display:table-row;}
    #Content .offers table td {display:table-cell;}

    #divCreateNewProfile, #divconfirmDisconnectFB, #linkFBAccount {width:89%;}

    #linkFBAccount .image img {margin:0 0 0 30px;}

    body.ar .myprivilege ul {float:left;}
    body.ar .myprivilege ul li {float:right;}

    body.ar #topMenu.myprivilege ul {float:left;}
    body.ar #topMenu.myprivilege ul li {float:right;}
}