*, *:after, *::before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
HTML, BODY { font-size: 16px; font-family: Roboto, "-apple-system-headline", Arial, Helvetica, sans-serif; font-weight: normal; font-style: normal; text-align: left; text-decoration: none; color: #000000; background: #FFFFFF; margin: 0; }
TH { text-align: center; font-weight: bold; }
TD { text-align: left; font-weight: normal; }
P, UL, OL, LABEL { font-family: Roboto, "-apple-system-headline", Arial, Helvetica, sans-serif; font-size: 0.9375rem; line-height: 140%; }
P { margin: 5px 0; }
A:link, A:active, A:visited { color: #1E90FF; }
A:hover { color: #696969; }
A:link.rezlink, A:hover.rezlink, A:visited.rezlink { font-size: 0.75rem; color: #FFFFFF; }
H1, H2, H3, H4, H5, H6 { color: #2A52BE; font-family: Roboto, "-apple-system-headline", Arial, Helvetica, sans-serif; font-weight: normal; margin: 10px 0; }
H1 { font-size: 1.75rem; }
H2 { font-size: 1.5rem; }
H3 { font-size: 1.375rem; }
H4 { font-size: 1.25rem; }
H5 { font-size: 1.125rem; }
H6 { font-size: 1rem; }
H1 I, H2 I, H3 I, H4 I { margin: 0 10px 0 0; }
INPUT, SELECT, TEXTAREA { font-family: Roboto, "-apple-system-headline", Arial, Helvetica, sans-serif; font-size: 0.9375rem; background: #FFFFFF; border: 1px solid #6495ED; border-radius: 3px; padding: 3px; margin: 2px; }
INPUT:disabled, SELECT:disabled, TEXTAREA:disabled { background-color: #EEEEEE; opacity: 0.5; filter: Alpha(Opacity=50); }
INPUT:hover, INPUT:focus, TEXTAREA:hover, TEXTAREA:focus, SELECT:hover, SELECT:hover, SELECT:focus { background: #FFFFFF; border: 1px solid #F0911D; box-shadow: 0 0 5px #BBBBBB; }
BUTTON { font-family: Roboto, "-apple-system-headline", Arial, Helvetica, sans-serif; font-size: 1rem; line-height: 20px; padding: 7px 14px; cursor: pointer; border: none; border-radius: 3px; margin: 5px 0; box-shadow: 0 3px 6px rgba(0, 0, 0, 0.16), 0 3px 6px rgba(0, 0, 0, 0.23); transition: all 0.3s cubic-bezier(0.25, 0.8, 0.25, 1); }
BUTTON:hover { color: #000000 !important; background-color: #F5F5F5 !important; box-shadow: 0 6px 12px rgba(0, 0, 0, 0.19), 0 6px 6px rgba(0, 0, 0, 0.23); }
BUTTON:disabled:hover { color: #FFFFFF; background: #2A80B9; box-shadow: none; }
BUTTON I { margin: 0 10px 0 0; }
IMG { border: none; vertical-align: middle; }
STRONG { font-weight: 500; }
#titlebar { position: relative; display: block; text-align: center; background: #29364D; }
#menu { background: #29364D; overflow: hidden; position: relative; }
#menu A { color: #FFFFFF; font-size: 1rem; text-decoration: none; display: block; padding: 10px; border-bottom: 1px solid #506070; }
#menu A:hover { color: #000000; background: #DDDDDD; }
#menu A.menuicon { background: #29364D; display: block; padding: 9px 10px 6px; position: absolute; right: 0; top: 0; }
#menu A.menuicon:hover { color: #FFFF00; }
#popmenu { display: block; }
#popmenu I { margin: 0 15px 0 0; }
#prefs { display: flex; justify-content: space-between; flex-wrap: nowrap; }
#prefs SELECT { margin: 8px 0; }
#pagecontent { position: relative; display: block; margin: 0; padding: 5px; }
#gallery { color: #5A0B00; font-style: italic; }
#reportbox { max-width: 680px; min-width: 340px; min-height: 400px; overflow: auto; background: #FFFFFF; border: 1px solid #BBBBBB; margin: 10px auto; padding: 10px; box-shadow: 0px 0px 5px #AAAAAA; }
.active { color: #FFFFFF; background: #007FFF; text-align: right; margin: 0 48px 0 0; }
.invhead { color: #777777; font-size: 0.875rem; }
.hotelname { font-size: 1.5rem; color: #800000; }
..success { font-size: 0.875rem; text-align: center; color: #005500; background: #AAFFAA; position: relative; width: 250px; margin: 0 auto; padding: 5px; outline: 4px solid #FFFFFF; box-shadow: 6px 6px 8px #999999, -3px -3px 8px #999999; z-index: 101; }
error { background: #FFE4E1; border: 1px solid #FF0084; border-radius: 3px; }
.input-container { display: flex; justify-content: space-between; flex-wrap: nowrap; }
.div33 { width: 32%; }
.fld100 { width: 100%; display: block; }
.fld30 { width: 30%; display: inline-block; }
.fld70 { width: 69%; display: inline-block; }
.btn100 { width: 98%; }
.btn45 { width: 46%; display: inline-block; margin: 10px 5px; }
.custom-input { display: inline-block; position: relative; padding: 2px 0 0 30px; margin: 5px 0; cursor: pointer; font-size: 0.9375rem; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.custom-input INPUT { height: 0; width: 0; position: absolute; opacity: 0; cursor: pointer; }
.checkmark { position: absolute; top: 0; left: 0; height: 1.5rem; width: 1.5rem; background: #F8F8FF; border: 1px solid #777777; }
.radiomark { position: absolute; top: 0; left: 0; height: 1.5rem; width: 1.5rem; background: #F8F8FF; border-radius: 50%; border: 1px solid #777777; }
.custom-input:hover INPUT ~ .checkmark { background: #FFFFFF; border: 1px solid #F0911D; box-shadow: 0 0 10px #86A9AE; }
.custom-input:hover INPUT ~ .radiomark { background: #FFFFFF; border: 1px solid #F0911D; box-shadow: 0 0 10px #86A9AE; }
.custom-input INPUT:checked ~ .checkmark { background-color: #2196F3; border: 1px solid #777777; }
.custom-input INPUT:checked ~ .radiomark { background-color: #2196F3; border: 1px solid #777777; }
.checkmark:after, .radiomark:after { content: ""; position: absolute; display: none; }
.custom-input INPUT:checked ~ .checkmark:after { display: block; }
.custom-input INPUT:checked ~ .radiomark:after { display: block; }
.custom-input .checkmark:after { left: 0.5rem; top: 0.125rem; width: 0.5rem; height: 0.9375rem; border: solid white; border-width: 0 0.1875rem 0.1875rem 0; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); }
.custom-input .radiomark:after { top: 0.375rem; left: 0.375rem; width: 0.625rem; height: 0.625rem; border-radius: 50%; background: white; }
.reztbl { color: #000000; background-color: #FFFFFF; border: 1px solid #4682B4; border-collapse: collapse; margin: 0 auto; }
.formlabel { width: 100%; color: #2A52BE; font-size: 0.9375rem; }
.detail1 { display: block; padding: 3px; background: #FEFEFE; border: 1px solid #888888; border-radius: 3px; }
.dispfld { display: block; padding: 3px; color: #000000; background: #FEFEFE; border: 1px solid #888888; border-radius: 3px; }
.pricefld { display: inline-block; min-width: 200px; padding: 3px; color: #000000; background: #FEFEFE; border: 1px solid #888888; border-radius: 3px; }
.inputerr { width: 90%; color: #FF0000; text-align: center; border: 1px solid #FF0084; padding: 5px; margin: 5px auto; z-index: 100; }
.pageloading { width: 90px; color: #000000; background: #ACE1AF; position: fixed; top: 45%; left: 45%; text-align: center; outline: 8px solid #FFFFFF; box-shadow: 10px 10px 10px #999999, -7px -7px 10px #999999; z-index: 150; padding: 30px 10px 10px; }
.termstext { font-size: 0.75rem; color: #555555; }
.smalltext { font-size: 0.75rem; }
.colcenter { text-align: center; }
.colright { text-align: right; }
.highlite { background: #FFF8DC; outline: 3px solid #FFF; box-shadow: 6px 6px 8px #999999, -3px -3px 8px #999999; padding: 10px; margin: 10px 0 20px; }
.hlite { color: #FF00FF; }
.srchtbl { width: 100%; }
.srchhd { color: #006699; padding: 6px; border-top: 1px dotted #006699; border-bottom: 1px dotted #006699; }
.srchdet2 { padding: 2px 6px; vertical-align: text-top; }
.totalrow { font-weight: 600; }
.imgleft { float: left; width: auto; padding-right: 10px; }
.imgright { float: right; width: auto; padding-left: 10px; }
.review { position: relative; width: 420px; height: 100px; background: url(images/review-mobile.png); padding: 0px; margin: 15px auto; }
.reviewtext { font-style: italic; font-size: 0.875rem; color: #B22222; position: absolute; padding: 10px; }
.reviewer { position: absolute; color: #003366; font-size: 0.875rem; top: 85px; left: 35px; }
.tblhead4 { color: #006699; height: 3px; border-bottom: 1px dotted #006699; padding: 2px 0 0px; }
.clearall { clear: both; }
.fullprice { color: #708090; text-decoration: line-through; }
.column-1 { width: 240px; margin: 10px auto; border: 1px solid #800000; }
.roomhd { font-family: "Times New Roman", Times, Roman; font-size: 1.25rem; text-align: center; color: #FFFFFF; background: #C19B76; padding: 5px; border-bottom: 1px solid #880000; }
.roomdet { background: #FFF8DC; text-align: justify; padding: 10px; }
.roomdet IMG { padding: 0 0 0 10px; }
.btn-blue { color: #FFFFFF; background: #2A80B9; }
.btn-green { color: #FFFFFF; background: #00A86B; }
.btn-orange { color: #FFFFFF; background: #FE7510; }
.btn-red { color: #FFFFFF; background: #E30022; }
.btn-grey { color: #FFFFFF; background: #738678; }
.imgoff { background: #FFFFFF; margin: 5px; padding: 5px; border: 1px solid #999999; }
.imgon { background: #77AAAA; box-shadow: 5px 5px 3px #666666; }
.album { outline: 4px solid #FFFFFF; box-shadow: 6px 6px 8px #999999, -3px -3px 8px #999999; margin: 10px; }
.top { vertical-align: top; }