.password-text{float: right;width: 55%;padding: 3px 5px;font-size:13px;}
.float-top-mobile{float: right;}
.rgt-small-panel{background-color: #f1f1f1;padding: 12px 12px 12px 20px;margin: 0 0 10px 0;float: left;line-height: 19px;}
.room-top-info .rgt-small-panel span{width: 66%;}
.panel-bordercolor1{border-left: 6px solid #32A923; width: 100%;}
.panel-bordercolor2{border-left: 6px solid #E12D2D;margin: 6px 15px 15px 15px;width: 93%;font-weight: bold;}
.chkin_chkout{text-align: left;}
.changeroom_checkout{float: right;color: #1976d2;font-weight: bold;text-decoration: underline;}
.chkbtn_alertmsg1{display: inline-block;color: #37c305;padding: 0px 5px;font-weight: bold;float: right;margin-right: 20px;border-radius: 2px;}
.chkbtn_alertmsg2{display: inline-block; color: #266c0d; background: #d0fbd8; padding: 0px 5px; font-weight: bold; float: right; margin-right: 20px;
  border-radius: 2px;}
.taxbrekdown{display: block; line-height: 10px; font-size:9px;color:#9d9d9d}
.txsfeebrk{display:inline-block; width:100%}
.hotel-checkoutpage .reservation_content .awe-select{background: #fff;height: 48px !important;}
.header_top_right .dropdown ul.languageDropDown{display:none}
.header_top_right .dropdown ul.currencyDropDown{display:none;}
.source-currency-total{padding:0px}
.modal.fade:not(.in).right .modal-dialog {-webkit-transform: translate3d(25%, 0, 0);transform: translate3d(25%, 0, 0);}
.checkoutmodelRgt .modal-dialog{right: 0;margin: 0;position: fixed;top: 0;bottom: 0;}
.checkoutmodelRgt .modal-content{border-radius: 0;height: 100%;display: flex;flex-direction: column;overflow: auto;}
.checkoutmodelRgt .modal-body{padding:30px 60px}
.card-container {width: 100%;padding-left:52px;padding-right: 40px;position: relative;border: 1px solid #8f8f8f;height: 48px;border-radius: 4px;}
.card-container input {width: 100%;letter-spacing: 1px;padding: 15px 15px 15px 25px;border: 0 !important;outline: none;box-sizing: border-box;
  line-height: 39px !important;height: 39px !important;}
.card-type {width: 40px;height: 32px;background: url("../images/cards.png");background-position: 0 -191px;background-repeat: no-repeat;position: absolute;
  top: 6px;left: 4px;}
.card-type.mastercard {background-position: 0 1px;}
.card-type.visa {background-position: 0 -64px;}
.card-type.amex {background-position: 0 -32px;}
.card-type.discover {background-position: 0 -96px;}
.card-type.jcb {background-position: 0 -128px;}
.card-type.diners_club_international, .card-type.diners_club_carte_blanche{background-position: 0 -160px;}
.card-valid {position: absolute;top: 0;right:0px;line-height: 45px;font-size: 32px;color: #ccc;font-weight: 600;background: #fff;padding: 0px 5px;
  border-radius: 0 4px 4px 0;}
.card-valid.active {color: #32a923;background: #ffffff;}
.card-valid img {opacity:0.3;width:30px !important;height:30px !important}
.card-valid.active img {opacity:1}
.cssselect label.label.statselect{color: #1f1f1f !important;top: -11px;left: 24px;font-weight: bold;}
.cssselect.nullval label.label.statselect{color: #939393 !important;top:2px;font-weight: normal;}
.modal-body .prvc .txsfeebrk{border-bottom: 1px dotted #edecec;margin-bottom: 5px;}
.modal-body .prvc .txsfeebrk span{display:inline-block; vertical-align:top}
.modal-body .prvc .txsfeebrk span .taxbrekdown{display:none;}
.hotel-checkoutpage .error-bar-cls span{width:92%}

/* input fixed label */
.uitk-field{position: relative;margin-bottom: 1rem;margin-top: 0.5rem;}
.uitk-field label{font-weight: 600;margin: 0 0.75rem !important;pointer-events: none;
  position: absolute;white-space: nowrap;width:auto !important;z-index: 1;}
.uitk-field input, .uitk-field select{background-color: #fff;padding-left: 0.75rem !important;width: 100% !important;padding-top: 1.5rem !important;}
.uitk-field select{padding-left: 0.35rem !important;}
.uitk-field input#booking_phone{padding-left:86px !important}
.hotel-checkoutpage .reservation_content .uitk-field .awe-select{height:48px !important}
/* input floating label */
.input-wrapper{position: relative;margin-inline: auto; margin-bottom: 1rem;margin-top: 0.5rem;}
.input{width: 100% !important;padding:20px 8px 8px 8px !important;transition: border-color 250ms;background-color: transparent;border-radius: 3px; 
 &:focus {outline: none;border-bottom-color: #777;}
 &::placeholder {color: transparent;}
 &::-webkit-contacts-auto-fill-button {visibility: hidden;pointer-events: none;position: absolute;}
}
label.label {position: absolute;top: 2px;left:21px;color: #939393 !important;pointer-events: none;transform-origin: left center;transition: transform 250ms;
  width: auto !important;padding: 0px;margin:12px 0px 0px 0px !important;text-align: left;}
.input:focus + .label, .input:not(:placeholder-shown) + .label {transform: translateY(-100%) scale(0.75);top:10px;color: #1f1f1f !important;font-weight: bold;font-size: 16px;}
.clear {cursor: pointer;appearance: none;-webkit-appearance: none;position: absolute;top: 50%;right: -9px; transform: translateY(-50%);background: none;
  border: none;border-radius: 50%;height: 30px;width: 30px;color: #777;transition: color 250ms;display: flex;align-items: center;justify-content: center; 
  &:hover,
  &:focus {color: #333;}
}
.input:placeholder-shown + .label + .clear{display: none;}
/* input floating label */

.hotel-checkoutpage{background:#f3f3f5; color:#1f1f1f !important;
    line-height:22px;letter-spacing: inherit;font-size: 14px;}
.hotel-checkoutpage p{font-size: 14px;line-height:22px;color: #1f1f1f;letter-spacing:inherit;}
.langar-right .navbar-header{display:none}
.topbar-line-links a.registerform{border: 2px solid #c6b226;}
.hotel-allianz_insurance #agaInsuranceHeader{padding: 8px 5px 8px 20px;font-size:18px !important; background: #fff !important;padding-left:0px !important}
#agaInsuranceOptions{padding-left: 20px;line-height: 18px;}
.hotel-allianz_insurance #agaInsuranceHeader strong{color: #1f1f1f !important;}
.hotel-allianz_insurance #agaInsuranceOffer{border:0px !important}
.hotel-allianz_insurance .agaInsuranceInner{border: 1px solid #d1cdcd;border-radius: 10px;}
#InsurancePriceAdd_Box{margin-top: 5px;}

.hotel-checkoutpage .checkout-bg-wite{background:#ffffff; border-radius:5px;padding-bottom: 20px;padding-top: 10px;}
.hotel-checkoutpage h1, .hotel-checkoutpage h2, .hotel-checkoutpage h3, .hotel-checkoutpage h4, .hotel-checkoutpage h5, .hotel-checkoutpage h6, 
.hotel-checkoutpage .heading-bars, .hotel-checkoutpage .reservation-room-selected .reservation-room-seleted_item{color: #1f1f1f !important;}
.hotel-checkoutpage .heading-bars{text-transform: capitalize;font-size: 24px;margin-bottom:6px;padding:20px 0 10px 0}
.fmSt3H3{font-weight:bold;margin: 20px 0 30px 0px;font-size: 34px;}
.freeCBar{background:#fff;padding:10px;border-radius:4px; margin:10px 0px 20px 0px; border: 1px solid #e6e6e6;}
.FreIcon{ display:inline-block;vertical-align:top;margin-right:10px }
.FreIcon img{width:auto}
.FreTxt{ display:inline-block; }
.FreTxt strong{font-size:14px;font-weight:bold}
.FreTxt p{color:#616161;margin: 0px}
.hotel-checkoutpage .chkoutdata-box{background: #ffffff;padding:0px}
.hotel-checkoutpage .reservation-billing-detail label, .hotel-checkoutpage .reservation_content .room-name-num{color: #1f1f1f;}
.hotel-checkoutpage .reservation_content .input-text.ttdr, .hotel-checkoutpage .reservation_content .awe-select{border: 1px solid #8f8f8f;border-radius: 3px;}
.hotel-checkoutpage .box-bgcolorleft{padding-right:50px}
.hotel-checkoutpage .h3-deal, .login-bar-checkout{background-color:#162230;color: #fff!important;font-size:15px;padding:15px 10px;border-radius:10px;}
.login-bar-checkout p{font-size: 14px;margin: 0;color: #fff;}
.login-bar-checkout p i.fa-check, .hotel-checkoutpage .h3-deal i.fa-check{background: #fff;color: #162230;width: 40px;height: 40px;border-radius: 50%;
  text-align: center; padding: 9px 0 0 0;font-size: 20px;margin-right: 8px;}
.login-bar-checkout p span.profile, .hotel-checkoutpage .h3-deal span.profile{background: #fff;color: #162230;width: 40px;height: 40px;border-radius: 50%;
  text-align: center; padding:5px 0 0 0;margin-right: 8px;display: inline-block;}
.login-bar-checkout p span.profile img, .hotel-checkoutpage .h3-deal span.profile img{width:24px;height: 24px;}
.login-bar-checkout p a{color:#ffffff; text-decoration:none;font-weight:normal;position: relative;top:3px;}
.h3-deal i.fa-chevron-right, .login-bar-checkout p i.fa-chevron-right{float: right;margin: 10px 5px 0 0;}
.hotel-checkoutpage .paylaterbox{background-color: #fff;color: #1f1f1f  !important;font-size: 15px;padding: 12px 10px;border-radius:10px; 
  border:1px solid #dfe0e4;margin:10px 15px 15px 0px;}
.hotel-checkoutpage .paylaterbox p{font-size: 14px;margin: 0;color: #1f1f1f;display: inline-block;width: 80%;vertical-align: top;padding: 0;}
.hotel-checkoutpage .paylaterbox i{background: #1f1f1f;color: #ffffff;width: 40px;height: 40px;border-radius: 50%;text-align: center;padding:11px 0 0 0;
  font-size: 20px;margin-right: 8px;vertical-align:top;display: inline-block}
.hotel-checkoutpage .paylaterbox p span{font-size: 13px;line-height: 16px;display: block;}
.hotel-checkoutpage .paylaterbox p strong{display: block;}
.hotel-checkoutpage .paylaterboxp a{color:#ffffff; text-decoration:none;font-weight:normal;}
.hotel-checkoutpage input[type="text"], .hotel-checkoutpage input[type="number"],  .hotel-checkoutpage input[type="password"], 
.hotel-checkoutpage input[type="email"]{height:48px !important;}
.hotel-checkoutpage .reservation_content .awe-select{height:48px;}
.hotel-checkoutpage sup{color:#f00}
.hotel-checkoutpage .reservation_content .input-textarea{border: 1px solid #8f8f8f;border-radius: 3px;}
.hotel-allianz_insurance #agaInsuranceOffer{border-radius: 4px;}
.hotel-allianz_insurance{background:#fff !important}
.hotel-checkoutpage .book_complete_btn2 {background: linear-gradient(to top,#1668e3 0,#1668e3 100%) !important;color: #fff;font-size: 18px;padding: 12px;}
.hotel-checkoutpage .btn-book-bg{background:#fff;margin: 0px 0 4px 0;padding: 0 0 2px 0;border-bottom: 1px solid #f1f1f1;}
.chkbtn_alertmsg2{float:left;font-weight: normal;font-size:13px}
.hotel-checkoutpage .error-bar-cls{border-radius:4px}
.hotel-checkoutpage .checkoutform-rgt-sec .reservation-heading img{height: auto;max-height:300px;border: 0;border-radius: 8px 8px 0 0;object-fit: cover;
  border-bottom: 1px solid #f2f1f1; }
.hotel-checkoutpage .checkoutform-rgt-sec .reservation-heading .hotelname{position:relative;background: #fff;color:#1f1f1f}
.hotel-checkoutpage .hotel-name-txt{padding:5px 0px 3px 0px}
.reservation-heading .hotelname p{color:#7c7c7c;font-size: 12px;font-weight:bold}
.reservation-heading .hotelname .hform-starts{display:inline-block}
.reservation-heading .hotelname .hform-starts i{font-size:13px}
.reservation-heading .hratng{padding: 3px 0;font-size: 13.5px;}
.reservation-heading .hratng span{font-size: 12px;}
.hotel-checkoutpage .right-box-padding{padding:8px 10px 8px 12px}
.hotel-checkoutpage .checkoutform-rgt-sec .reservation-heading{margin-bottom:10px}
.rgt-small-panel{font-size: 13px;font-weight: bold;}
.room-top-info .linebar.borders{display:inline-block;width:100%;border-bottom: 0px;}
.right-box-padding .linebar.borders strong{color: #1f1f1f;font-size: 13px;display: block;width: 100%;}
.right-box-padding .linebar.borders span{font-size: 12px;font-weight: bold;color: #616161;}
.room-top-info .linebar{padding: 8px 0;}
.rgtbarline{height: 1px;background: #e9e9e9;margin: 8px 0;}
ul.roomAmInfo{margin: 0;padding: 0;list-style: none;}
ul.roomAmInfo li{width: 48%;display: inline-block;font-size: 12px;font-weight: bold;color: #616161;padding: 2px 0;}
ul.roomAmInfo li img{width: 16px;vertical-align: top;}
ul.roomAmInfo li i{color: #787878;}
.hotel-checkoutpage .checkout-bg-gray{border-radius:5px}
.prcsummaryTxt{border-bottom: 1px solid #f1eeee;padding-bottom: 10px;margin-bottom: 10px;list-style: none;padding-top: 7px;}
.prcsummaryTxt strong{font-weight: bold;font-size:1.8rem;}
.hotel-checkoutpage .rgtbox-price-li ul li span{font-size:14px}
.hotel-checkoutpage .pricebox-padding{padding: 0px 12px;}
.paytoday{border-top:0px;border-bottom:0px}
.hotel-checkoutpage .reservation-room-seleted_total.bg-blue{background:#ffffff;padding: 15px 10px 15px 12px;font-size: 14px;color: #1f1f1f;
  letter-spacing: 0.3px;}
.hotel-checkoutpage .reservation-room-seleted_total.bg-blue span{font-size: 14px !important;color: #1f1f1f !important;}
.reservation-room-selected .reservation-room-seleted_total label{text-transform:capitalize}
.hotel-allianz_insurance #agaInsuranceHeader strong{font-size:24px}
.panel-bordercolor2{margin-left: 2%;width: 96%;}
.hotel-checkoutpage .reservation-date{border: 0px}
.creditcard img{width: 30px; height:30px}
.specreq_msg{border: 1px solid #8f8f8f;border-radius: 5px;padding: 10px;cursor: pointer;margin: 10px 0 10px 0;}
.specreq_msg p{padding: 0 !important;margin: 0px !important;display: inline-block;font-weight: bold;}
.specreq_msg i{float: right;margin: 0px 5px 0 0;}
.accessibleOpt{display: inline-block;width: 100%;margin: 8px 0;}
.accessibleOpt ul{padding: 0;margin: 0;list-style: none;}
.accessibleOpt ul li{margin: 5px 0 8px 0;font-size: 14px;}
.buttspcmsg button{background: linear-gradient(to top,#1668e3 0,#1668e3 100%);color: #fff;border: 1px solid #1577f1;padding: 10px;border-radius: 25px;
  width: 100%;position: relative;margin: 20px 0 0 0;font-weight: bold;font-size: 16px;}

@media (min-width:320px) and (max-width:641px){
.password-text{padding: 3px 4px;font-size: 10.5px;line-height: 13px;}
.rgt-small-panel{font-size: 13px; padding:12px;}
.clearbothmobile{clear: both;}
.card-container{margin-bottom:15px}
.topbar-line-links a.loginform, .topbar-line-links a.myaccount, .topbar-line-links a.logout, .topbar-line-links{padding: 5px 6px;}
.hotel-allianz_insurance .agaInsuranceInner{background:#fff;font-size: 12px !important}
.hotel-allianz_insurance #agaInsuranceDisclaimer, #agaInsuranceOptions{margin-left:0px !important;padding-left:0px}
#agaInsuranceBody ul li{ margin-left: 20px !important; line-height:15px !important}
#agaInsuranceOptions label{width:100% !important}
#agaInsuranceOptions label .inputRgt-txt{font-size:12px !important}
.inputRgt-txt span span{display:none}
.hotel-allianz_insurance #agaInsuranceOptions .inputRgt-txt{font-size:12px}
#insuranceAdd_Des{margin-bottom:50px !important;}
}

@media (min-width:768px) and (max-width:980px){
.password-text{padding: 3px 4px;font-size: 10.5px;line-height: 13px;}
}