.swd_ratetable { width:100%; min-width:320px; font-family:Helvetica,Arial,sans-serif; text-align:left; font-size:16px; display:block; }
.swd_ratetable { background:#ffffff; border-radius:9px; box-shadow:5px 5px 5px rgba(0,0,0,0.1); border:1px #008000 solid; color:black; box-sizing:border-box; padding:3px; }
.swd_ratetable { max-width:550px; vertical-align:top; display:inline-block; white-space:normal; position:relative; } 
.swd_ratetable .searchbox { max-width:480px; } 
.swd_ratetable > nav { position:absolute; right:0px; top:0px; font-size:12px; display:inline-block; background-color:#E6E6E6; padding:3px 5px; border-radius:9px; cursor:pointer; }
.swd_ratetable lg-modal { position:absolute; top:0px; right:70px; }
.swd_ratetable fx-modal { position:absolute; top:0px; right:0px; }
.swd_ratetable fx-modal input { width:60px; padding-left:5px; border-radius:9px; }

.swd_ratetable .compact { font-size:14px; color:blue; overflow:hidden; text-decoration:underline; user-select: none; min-height:20px; }
.swd_ratetable .compact:hover, .swd_ratetable .compact:active { color:red; cursor:pointer; }

.swd_ratetable .header2 { display:none; margin-top:10px; font-size:14px; font-weight:bold; color:red; text-align:center; }
.swd_ratetable .header2.active { display:block;}
.swd_ratetable .rtable { margin-top:10px; }
.swd_ratetable .roomtype { margin:5px 0; position:relative; }
.swd_ratetable f-roomcat.select  { background-color:#CCFFFF }
.swd_ratetable f-rateplan.select { background-color:#DDFFFF }

.swd_ratetable f-roomcat { position:relative; min-height:40px; border-top:2px #CCCCCC solid; display:block; }
.swd_ratetable f-rateplan { position:relative; padding-top:15px; min-height:50px; border-bottom:1px #CCCCCC solid; display:block;  }
.swd_ratetable .roomtype .hide { display:none; }

.swd_ratetable .roompic { width:60px; height:40px; position:absolute; top:0; left:0; }
.swd_ratetable .roompic.active { cursor:pointer; width:300px; height:200px; z-index:50; }
.swd_ratetable f-type { color:green; vertical-align:top; display:block; margin-left:70px; font-weight:bold; font-size:16px; }
.swd_ratetable f-bf { margin-left:70px; font-size:12px; display:block; width:calc(100% - 180px);  }

.swd_ratetable f-tarif { font-size:14px; display:block; font-weight:bold; color:black; }
.swd_ratetable .xpromo f-tarif { color:maroon; }
.swd_ratetable f-more { font-size:12px; display:block; width:360px; max-width:calc(100% - 120px)  }
.swd_ratetable f-rack { text-decoration:line-through; font-size:12px; position:absolute; right:55px; top:25px; }
.swd_ratetable f-rate { color:red; font-size:18px; font-weight:bold; position:absolute; right:50px; top:0px; }
.swd_ratetable .sold f-rack { display:none }
.swd_ratetable .sold { opacity: 0.2; } 
.swd_ratetable .sold .numsel { display:none }

.swd_ratetable f-number { display:none; position:absolute; top:0; right:0; z-index:10;  }
.swd_ratetable .select f-number { width: 0; height: 0; border-style: solid; border-width: 0 40px 40px 0; border-color: transparent #ff6600 transparent transparent; border-style: inset; }
.swd_ratetable .select f-number { display:block; }
.swd_ratetable .select f-number span { position:absolute; top:3px; left:25px; font-size:16px; color:white; font-weight:bold; }
.swd_ratetable f-number svg { display:none; width:18px; height:18px; position:absolute; right:10px; top:20px; cursor:pointer;  }
.swd_ratetable .select f-number svg { display:block; }

.swd_ratetable f-sum { display:none; position:absolute; top:0; right:0; z-index:10; min-height:40px; font-weight:bold; font-size:12px; text-align:right; color:blue;  }
.swd_ratetable f-roomcat.select f-sum { display:block; }

.swd_ratetable .circle { border-radius: 40px; -moz-border-radius: 40px; -webkit-border-radius: 40px; border: 2px solid #ff6600; position:relative; }
.swd_ratetable .circle.select { border: 2px solid #0000ff; background-color:#ff6600; }

.swd_ratetable .numsel { background:#f58427; box-shadow:2px 2px 2px #666666; border-radius:3px; border:solid #464646 1px; width:100px; height:30px; display:inline-block; position:relative; cursor:pointer; padding:0;
	   	                 -webkit-user-select:none; -moz-user-select:none; -khtml-user-select:none; -ms-user-select:none; user-select: none; background-image: linear-gradient(to bottom, #f58427, #f5ae7e); }
.swd_ratetable .numsel.only minus  { position:absolute; background-color:#ffffff; border-radius: 2px; top:13px; right:  4px; height:4px; width: 22px; }
.swd_ratetable .numsel.only plus   { position:absolute; background-color:#ffffff; border-radius: 2px; top: 4px; right: 13px; bottom:4px; width:  4px; }
.swd_ratetable .numsel > b          { position:absolute; display:inline-block; width:33px; height:30px; top:0px; cursor:pointer; }
.swd_ratetable .numsel.only { position:absolute; right:3px; top:0px; width:30px; }
.swd_ratetable .numsel.book { position:absolute; right:3px; top:0px; width:40px; height:22px; line-height:22px; color:#ffffff; font-size:14px; font-weight:bold; text-align:center; cursor:pointer;  }
.swd_ratetable .numsel.book:hover,
.swd_ratetable f-rateplan.select .numsel.book { color:blue; }

 
.swd_ratetable .rateinfo { font-size:14px; color:blue;  }
.swd_ratetable .noroom, 
.swd_ratetable .bookit,
.swd_ratetable .extend { text-align:center; width:180px; line-height:32px; font-size:16px; margin:-5px auto 0 auto; color:white; background-color:#FF6600;}
.swd_ratetable .bookit,
.swd_ratetable .extend { line-height:24px; border-radius: 0 0 20px 20px; margin:-5px 0 0 0;  cursor:pointer; }
.swd_ratetable .bookit { float:right; width:120px; }


.swd_ratetable .avshow { margin-top:20px; font-size:12px; background-color:#FFFFFF; overflow:hidden; width:100%; }
.swd_ratetable .avshow ul { margin:0; padding:0; list-style-type:none; white-space:nowrap; }
.swd_ratetable .avshow li { padding:1px;border:1px solid #C0C0C0; display:inline-block; width:30px; line-height:25px; text-align:center  }
.swd_ratetable .avshow .avhead li { font-size:9px; background-color:#CCFF99;  }
.swd_ratetable .avshow .avhead .select { text-decoration:underline;}
.swd_ratetable .avshow .avdata .select.free { border-color:blue; background-color:#CCFF99 }
.swd_ratetable .avshow .avdata .select.full { border-color:blue; background-color:#FFCCCC }
.swd_ratetable .avshow .free { color:green; font-weight:bold }
.swd_ratetable .avshow .full { color:red; font-weight:bold }
.swd_ratetable .avshow li:first-child  { width:40px }

.customer { min-width:320px; border-radius:9px; box-shadow:5px 5px 5px rgba(0,0,0,0.1); border:1px #008000 solid; color:black; box-sizing:border-box; overflow:hidden; }
.customer { padding:3px; font-size:12px; position:relative; background-color:#F0F0F0; text-align:left; margin:5px 0; display:none;}
.customer label { display:block; min-height:30px; max-width:440px; }
.customer label  b { display:inline-block; width:110px; }
.customer label span { font-size:11px;  }
.customer label textarea,
.customer label input { width:190px; margin:0 5px; border:1px #CCCCCC solid; background-color:#FFFFFF; box-sizing:border-box; padding:2px; font-size:16px; font-family:Arial; }
.customer label textarea { height:40px; vertical-align:top; font-size:14px; }
.customer .prcode { margin-top:5px; }
.customer .prcode > input { width:120px;  }
.customer .prcode input + input { width:60px; font-size:14px; font-weight:bold; color:white; border:1px #0080FF solid; border-radius:5px; background-color:#FF6600; box-shadow:2px 2px 2px #C0C0C0; cursor:pointer; }
.customer .prcode span { color:red; margin-left: 120px; display: block; }
.customer .final    { margin:15px 0 5px 0; width:305px; position:relative; color:green; font-size:16px; font-weight:bold; height:40px; }
.customer .final strong {  display:inline-block; width:80px; }
.customer .final input  { position:absolute; top:0; right:0; font-size:16px; color:white; font-weight:bold; padding:3px; margin-left:50px; width:110px; border:1px #0080FF solid; border-radius:5px; background-color:#FF6600; box-shadow:2px 2px 2px #C0C0C0; cursor:pointer;}
.customer .final div    { position:absolute; top:30px; right:20px; font-size:11px; color:blue; }
.customer .terms   { position:absolute; top:28px; left: 15px; font-size:11px; color:blue;  }
.customer .bookmsg { position:absolute; top:28px; right:30px; font-size:11px; color:#808080; cursor:pointer; }
.customer .discount { margin:15px 0 5px 0; width:305px; position:relative; color:green; font-size:14px; font-weight:bold; xdisplay:none; }
.customer .discount strong:first-child { display:inline-block; width:80px; }
.customer .discount strong ~ strong    { margin-left:20px; }
.customer input.verify { background-color:#FFC0C0; }
.customer .arrow { background-image: linear-gradient(60deg, transparent 50%, gray 50%), linear-gradient(120deg, gray 50%, transparent 50%), radial-gradient(#dddddd 70%, transparent 72%);
				   background-position: calc(100% - 10px) 8px, calc(100% - 6px) 8px, calc(100% - 3px) 2px; background-size: 5px 7px, 5px 7px, 16px 16px; background-repeat: no-repeat; 
				   cursor:pointer; }
				   
.paydetail {  width:calc(100% - 440px); min-width:320px; float:right; padding:5px; box-sizing:border-box; margin-bottom:5px; }
.paydetail b {background:#ffffff url('../c19/img/logo-payment-method-sprite4.png') no-repeat; width:70px; height:70px; position:relative; cursor:pointer; display:inline-block; margin:3px; border:2px solid #fff; background-size:210px auto;}
.paydetail span { position:absolute;bottom:-2px;left:0;z-index:10;background:rgb(255,255,255); background:rgba(255,255,255,0.6); display:inline-block; width:100%; text-align:center; font-size:9px;color:blue; font-weight:400; line-height:10px }
.paydetail b:hover, .paydetail .active {border:2px solid #ff6600; background-color:#fff6e9;}
.paydetail div {  color:red; font-size:12px; font-weight:bold; }
.paydetail strong { display:block; font-size:12px; margin-left:5px; }
.paydetail .N_A { opacity:0.2; }
				   
.bgOK  { background-image:url("data:image/svg+xml;base64,PHN2ZyAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiBmaWxsPSJub25lIiBzdHJva2U9IiMwMEEwMDAiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgc3Ryb2tlLXdpZHRoPSI0IiB2aWV3Qm94PSIwIDAgMjQgMjQiPjxwb2x5bGluZSBwb2ludHM9IjIwIDYgOSAxNyA0IDEyIi8+PC9zdmc+");
         background-repeat:no-repeat; background-position:right center; background-size:16px 16px; }    

@media screen and (min-width: 481px) and (max-width: 768px) { 
.swd_ratetable { display:block; margin:5px auto; }
.customer  { margin:5px auto; max-width:550px;}
.paydetail { float:none; width:100%; max-width:550px; }
}

@media screen and (max-width: 480px) { 
.swd_ratetable f-number svg { right:-15px; }
.swd_ratetable .avshow { overflow:auto; overflow-scrolling: touch; } 
.swd_ratetable { width:100%;  }
.customer { margin:5px auto; }
.customer label span { display:none; }
.paydetail { float:none; width:100%; }
}