.red { background: #890c0c} .fred { color:#CC0033} .blue { background: #97AFBC} .fblue { color: #005DFF} .orange { background: #968A69} .black { background: #000} .violet { background: #61508e} .pink { background: #916E6E} body,tr,h1,h2,h3,h4 { border: 0 none; font-family: Arial,tahoma,sans-serif; font-size: 12px; font-style: inherit; font-weight: inherit; list-style: none outside none; margin: 0; padding: 0; vertical-align: baseline; } label {float: left;} #ui-datepicker-div { font: 68.5% "Trebuchet MS", sans-serif;} #container {width: 98%; margin: 0 auto; font-family: Arial, Helvetica, sans-serif;} #header { height: 145px; color: #FFF; width: 98%;} #content { width: 98% ; float: left;} #version { float: left; font: 30px "Times New Roman"; line-height: 27px;} #version span {font-weight: 700; color: #FFF} #memberaction { float: right } #memberaction .account { float:right; margin-top: -7px;} #memberaction .color {float: right; width: 100%} #memberaction .account span { float:left; padding:0; color: #fff; line-height: 14px; font-weight: 700; font-size: 12px; margin: 0} #memberaction .color a { border: solid 1px #fff; width: 10px; height: 10px; float: right; margin-left: 10px; margin-bottom: 15px; cursor: pointer} #memberaction .account a { color: #FFF; font-family: Arial, Helvetica, sans-serif; margin-left: 8px; line-height: 15px; height: 15px; text-decoration: none; } #memberaction .account a:hover {text-decoration: underline} .rp a, .rp span, #cuslist, #prtb div, #version span, #memberaction .account a, #menu a.taba, a.tabi, #quickBook a, .box td { font-size: 12px;} .rp a, #submenu a, #btadd a {padding: 0 3px} .floora label{ width: 76px; float: left!Important;} .floora a{padding: 0} .floora a:hover{text-decoration: underline} a.spr{ padding: 0 3px; cursor: default} a:hover.spr{text-decoration: none} #menu .tlefta, .tRighta, a.taba, .tlefti, .tRighti, a.tabi, .sla, .sli, #quickBook .btL, .btR, #quickBook a { float: left; height: 27px;white-space: nowrap;} .sml, #menu .tlefta, .tlefti, #quickBook .btL, #submenu .sbli, .sbla, #btadd .bl { padding-left: 4px; background-repeat: no-repeat} .smr, #menu .tRighta, .tRighti, #quickBook .btR, #submenu .sbri, .sbra, #btadd .br { padding-right: 4px; background-repeat: no-repeat} #menu .sla, .sli, .tRighta, .tRighti, #submenu .sbri, .sbra, #btadd .br {margin-right: 10px} #menu { padding-top: 8px} #menu .sla, .sli {background-repeat: no-repeat; padding-left: 10px} .icAdd, .icRemove, #menu .iconHome, .icRoomMn, .icCustom, .icSummary, .icInfo { float: left; padding-right: 3px} .addroom {font-variant: small-caps} #quickBook{ float: right} #quickBook a { color: #FFF; height: 27px; line-height: 27px; padding: 0 8px; text-decoration: none; font-weight: 700; } #submenu { float: left; width: 100%; margin-top: 15px;} #submenu .sbli, .sbri, a.sbi, .sbla, .sbra, a.sba {float: left; height: 25px;} #submenu a { font-size: 10px; text-decoration: none; line-height: 25px; color:#000} .ttb h5, h6, .ttb .searchtext {float: left} .ttb h5, h6 {padding-right: 10px} .ttb h6 {padding-top: 3px} .lr {float: right; margin: -5px -8px 0 0;} .ll {float: left;} .room { float: left;color: #FFF; margin: 0 12px 15px 0; text-align: center; line-height: 49px; cursor: pointer;font-weight: bold;} .remty {color: #000} .endofrow {margin-right: 0} .rp {float: left; padding-bottom:10px; font-weight: 900; margin-right: 7px; width: 75px} .rp a {text-decoration: none} .rp span { float: left; padding-top: 6px} .rp a, .rp span {font-weight: 400; color: #666!important; float: left} .rp .chk {margin-right: 9px} .rp label {float: none} a.se { padding-left: 10px;} .txt1 {width: 45px} .txt2 {width: 90px} .txt3 {width: 70px} .txt150 {width: 150px} .txt200 {width: 200px} .txt235 {width: 235px} .txt300 {width: 300px} .lst1 {width: 130px} .txt1, .txt2, .txt3, .txt150, .txt200, .txt300, .lst1, .lst2, .sml, .smr , a.smc, #prtb .sm, #prtb span { float: left} #prtb div {margin-bottom: 12px;} #prtb .tt {font-weight: 700;} #prtb span {padding: 5px 5px 0 ; color: #000} #prtb a.ladd {font-weight: 800} #prtb .sm { width: 100%; margin: 0} #prtb span.btsm {float:right;} .crname, .cequip, .cstatus, .cphour, .cpday , .cpweek, .cpmonth,.checklist { float: left;} .cbed, .cperson, .ctool {float: right;} .cbed, .cperson, .cstatus, .cbilldt,.cbillday { text-align: center} .checklist { width: 20px; padding-right: 10px;} .crname { width: 75px; padding-right: 5px;} .cequip { width: 35%; padding-right: 10px} .cbed { width: 60px; padding-right: 5px} .cperson { width: 63px; padding-right: 5px} .cstatus { width: 63px; padding-right: 0px; text-align: left} .ctool {width: 75px; text-align: center} .cbilid { width: 70px; padding-right: 10px} .cdate { width: 70px; padding-right: 10px} .ctotal { width: 70px; padding-right: 10px} .cuser { width: 70px; padding-right: 10px} .cdetail { width: 70px; padding-right: 10px} .cphour { width: 300px; padding-right: 20px} .cpday { width: 170px; padding-right: 10px} .cpweek { width: 170px; padding-right: 10px} .cpmonth { width: 170px; padding-right: 10px} .cbcusname,.cbillep { width: auto; padding-right: 10px; text-align: left; min-width: 110px;} .donedebt {color:#3F73FF} .unpaidrow {color:#9F1313} .bycardrow {color:#0C7A1C} .billcancel {color:#8C8C8C} .cname span.cusinfo {cursor: pointer} .ctool a {margin: 0; padding: 0; line-height: 10px !important;} .box {border-style: solid; padding: 12px 17px; width: 100%; float: left; background: #fff;} .box a {color: #000} .lktt, .rtt {cursor: pointer} .ltitle .cphone, .ltitle .cperson {width: 70px;} #cuslist .ltitle {padding: 5px 0 5px 5px; font-weight: 700; border-bottom: solid 1px #7d7d7d; width: 100%} #cuslist .listrow { background: #F2F2F2; float: left;} #cuslist .normal,.listrow { padding: 7px 0 7px 5px; width: 100% } #cuslist .l1b {border-top: solid 2px #999; padding: 0 0 0 5px; width: 100%; float: left } #cuslist .normal, .listrow, .ltitle, #btadd .bl, .br, #btadd a { float: left} .rtitle{border-bottom: solid 1px #7d7d7d; padding: 4px; font-weight: 700;} #tbprice tr.rnormal td, #tbprice tr.rlistrow td {padding: 4px 6px; vertical-align: top;} #tbprice tr.rlistrow {background: #F2F2F2;} #tbprice tr.headertitle {height: 25px !important; background: #CDCBCB; color: #303030; font-weight:700; vertical-align: middle !important;} #btadd { width: 100%; padding-bottom: 15px;} #btadd .bl, .br, #btadd a {height: 26px; margin-bottom: 15px;} a.searchbt, a.acbt { padding: 0 7px; text-decoration: none; margin-left: 10px; font-size: 10px; float: left; } a.searchbt {height: 23px; line-height: 23px !important; font-size: 13px; font-weight: 600} a.acbt {height: 18px; line-height: 18px !important;} #dialog span, .t3, #dialog-adep span, .t3{float: left; margin-bottom: 5px} .ui-dialog span, .ui-dialog-content span {font-size: 12px} #dialog span {width: 120px} #dialog-adep span {width: 130px} #dialog .t3, #dialog-adep .t3 {width: 230px; height: 15px; } #dialog, #dialog-adep {font-size: 11px} #dialog .lst1, #dialog-adep .lst1 {margin-right: 160px; float: left; width: 60px; margin-bottom: 5px;} #dialog span.valid, #dialog-adep span.valid {float: left; width: 280px; margin-bottom: 15px; color: #f00} #dialogroom span, .t3{float: left; margin-bottom: 5px;} #dialogroom span {width: 75px} #dialogroom .t3 {width: 210px; height: 15px; margin:3px 0px;} #dialogroom {font-size: 11px} #dialogroom .lst1 {float: left; width: 100px; margin-bottom: 5px;} #dialogroom .lst2 {float: left; width: 80px; margin-bottom: 5px; margin-right: 1px} #dialogroom span.valid {float: left; width: 280px; margin-bottom: 15px; color: #f00} #dialog-roombookedlist span.rinfo {float: left; margin-bottom: 5px; width: 420px} #dialog-roombookedlist span.action {float: right; width: 100px; margin-bottom: 5px} #dialog-roombookedlist span.action img {float: right; padding-left: 10px;} #dialog-addemployeedp label, #dialog-adddayoff label, #dialog-addadvance label , #dialog-allowances label, #dialog-deduction label{font-size: 12px; width: 85px} #dialog-addemployeedp input, label, textarea, #dialog-adddayoff input, label, textarea, #dialog-addadvance input, label, textarea, #dialog-allowances input, label, textarea, #dialog-deduction input, label, textarea {margin-bottom: 5px} #dialog-addemployeedp, #dialog-adddayoff, #dialog-addadvance, #dialog-allowances, #dialog-deduction {padding: 10px 0 0 10px!important} #dialog-adddayoff span {float: left; padding: 0 7px;} .epname {width: 200px!important} #dialog-addservice label {font-size: 12px; width: 80px} #dialog-payment label {float: left; font-size: 12px; width: 150px} #dialog-payment span {width: 135px; float: left; font-size: 13px;} #dialog-salaryreset label {font-size: 12px; width: 85px} #dialog-service label{font-size: 12px; width: 105px} #dialog-service input {margin-bottom: 5px} #footer a{color: #000; text-decoration: none;} #footer .lisence, .power { padding-bottom: 10px; color: #000 !important} #footer .lisence { float: left ; font-size: 10px} #footer .power { float:right; text-align: right; font-size: 12px} .clear { clear: both;} .cen {text-align: center;vertical-align: middle;} .rig {text-align: right;vertical-align: middle;} .lef {text-align: left;vertical-align: middle;} .mr200 {margin-right: 150px;} .w10 {width: 10%} .w20 {width: 20%} .w30 {width: 30%} .w100 {width: 98%} .w30px {width: 30px} .w100px {width: 100px} .w150px {width: 150px!important} .w250px {width: 250px} .w20px {width: 20px} .w80px {width: 80px} .w85px {width: 85px} .w50px {width: 50px} .w120 {width: 120px} .h25 {height: 27px;} .h40 { height: 40px;} .h47px {height: 47px} .nradd {background: #EDE5E5; color: #f00} .font14 {font-size: 14px;} .font16 {font-size: 16px;} .addreason,.addadvance,.allowances,.deduction {margin-left: 5px} .cftt{ padding: 7px 30px;} .cftt h1 {font-size: 12px!important; font-weight: 700} .cemty{color: #000!important} td div.cbooked, td div.cstay, td div.cemty {width: 98%; margin: auto; text-align: center; line-height: 25px; height: 25px; } .cbooked1,.cbooked2,.cbooked3,.cbooked4,.cbooked5,.cbooked6 {color: #000!important;} .cbooked1 {background: #FFA5A5!important; border-color: #FFA5A5!important;} .cbooked2 {background: #F6C0F7!important; border-color: #F6C0F7!important;} .cbooked3 {background: #D7C6FF!important; border-color: #D7C6FF!important;} .cbooked4 {background: #DCF7DD!important; border-color: #DCF7DD!important;} .cbooked5 {background: #F7F1AD!important; border-color: #F7F1AD!important;} .cbooked6 {background: #CCEBFC!important; border-color: #CCEBFC!important;} .ryellow {color: #FFEE00} .rgreen {color: #C7FFC1} .rpurple {color: #F0D6FF} .rorange {color: #FFE1C9} #fbill span, #billtitle span, #fbilldebit span {cursor: pointer} #sblhome {margin-left: 10px} #sblinfo {margin-left: 115px} #sblincome {margin-left: 388px} #sblhotel {margin-left: 498px} #sbldepartment {margin-left: 273px;} .fixwidth {overflow-x:hidden;overflow-y:hidden;width: 100%;nowrap:nowrap} .sumdiv {width: 70px; margin-bottom: 6px;} .sumdiv, .sumdiv span {float: left} .cempty {height: 100%} .sumdiv #roomlist_status td{ height:29px; text-align: center; vertical-align: middle; border-bottom: solid 1px #c7c7c7;} .sumdiv tr.date td {border-bottom: 3px double #A8A5A5!important; text-align: center; height: 30px !important; background: #F2F2F2} .sumdiv td.day {background: #f2f2f2; padding: 4px; width: 100%;} .sumdiv #status td { border-bottom: 1px double #c7c7c7; border-right: 1px double #c7c7c7; height: 25px; vertical-align: middle; padding: 2px; } .sumdiv #status { background: #fff; border-top: 1px solid #c7c7c7; border-left: 1px solid #c7c7c7; width: 100%; table-layout: fixed; } .sumdiv label {padding: 0 20px 0 3px; line-height: 20px} .sumdiv .sumbox, .sumbox2 {height: 20px; text-align: center; line-height: 20px; color: #FFF; border: 1px solid #000} .sumdiv .sumbox {width: 40px!important;} .sumdiv .sumbox2 {width: 25px!important;} .sumdiv {width: 100%; height: 100%} .sumdiv .weekchange {width: 10%; padding-right: 5px;} .sumdiv .weekchange a {margin-right: 7px; padding: 0; margin-bottom: 0} .dateselect {float: right; margin-bottom: 10px;} .dateselect label {padding: 0 5px; line-height: 20px;white-space: nowrap;} .srs {cursor: pointer; padding-left: 10px; height: 20px} #roomList .thumb {float: left; width: 100%; margin-bottom: 12px;} #roomList label {font-size: 11px; padding: 0 15px 0 3px;white-space: nowrap;} #roomList span {width: 16px; height: 14px; float: left; text-align:center;} #selectcurrency input {float: left} #selectcurrency label {padding: 2px 0 0 2px} #selecttime label {padding: 0 5px;} .tbcenalg {text-align: center; vertical-align: middle} .sicTitle td, .fil {border-top: 1px solid #B5B5B5; background: #EAEAEA; vertical-align: middle; font-weight: 700;} .sicTitle td {border-bottom: 1px solid #B5B5B5; height: 26px; padding: 0 0 0 5px} .sicTitle td span {cursor: pointer} .lrow td {background: #F2F2F2} .fil {padding-left: 10px; height: 39px;} .ifTitle {height: 30px; vertical-align: top; font-size: 22px} .newscont {padding:20px; width:680px; font-size: 11px} #ifinfotb table {width: 100%} #ifinfotb {width: 940px} .linknews a {display:block; height: 36px; line-height: 36px; width: 94%; font-size: 12px; font-weight: 700; padding-left: 6%; margin-bottom: 10px} .linknews a.active, .linknews a:hover {background: #fff} .ulnews li{line-height: 26px; list-style-image: url(../img/arrow.png)} #tbConfigHotel, #tbEmployee, #tbDepartment, #tbSalary {font-size: 11px} #tbConfigHotel tr td {vertical-align: middle} #tbConfigHotel .tool {width: 80px} #tbConfigHotel .label {width: 155px; padding-left: 10px; font-weight: 700} #tbConfigHotel .editfield {width: 500px; font-size: 11px; word-spacing: -4px} /*tooltip*/ #tooltip {position: absolute; z-index: 3000; border: 1px solid #111; background-color: #eee} #tooltip h3, #tooltip div {margin: 0} #tooltip.cusinfo {font-family: Arial; border: 1px solid #999; padding:10px 5px; background: #fff} #tooltip.cusinfo h3 {margin-bottom: 5px; font-size: 12px; font-weight: 600; text-align: center} #tooltip.cusinfo div {text-align: left; font-size: 11px} #tooltip.cusinfo div b {float: left; width: 110px} #tooltip.cusinfo div h5 {float: left; padding-left: 10px} #tooltip.cusinfo .ov {float: left; font-size: 14px; margin: -5px; font-weight: 700} #tooltip.prepaytip {font-family: Arial; border: 1px solid #999; padding:10px; background: #fff;} #tooltip.prepaytip li {padding-bottom:5px;} .ui-datepicker-trigger {margin-top: -17px} span.err {color: #F00; font-weight: 700; width: 100%; text-align: center; margin: 10px 0; float: left} .nodata {color: #F00; padding: 10px; float: left; font-weight: 700} .coRed {color: red} .paging {width: 100%; float: right; margin-top: 10px;} .pagination {font-size: 80%; float: right} .pagination a {text-decoration: none; border: solid 1px #999; color: #000!important; line-height: 15px!important} .pagination a, .pagination span {display: block; float: left; padding: 0.3em 0.5em; margin-right: 5px; margin-bottom: 5px} .pagination .current { background: #7D7D7D; color: #fff; border: solid 1px #AAE; line-height: 14px!important} .pagination .current.prev, .pagination .current.next{ color:#999; border-color:#999; background:#fff} /*Thuan*/ #pagename {cursor:pointer} #search_cancel {float:left;margin: 5px 0 0 10px;cursor:pointer} .hidden {display:none} #loading{ left:50%;top:0;position:fixed !important;position:absolute;width:80px;margin-left:-50px;background:orange;font-weight:700;padding:3px 10px;z-index:1004 } * html body {height:100%;width:100%} #epeditor #h_content_tbl {width: 725px!important} #epeditor #h_content_ifr {height: 400px!important;} #tbicDate td {text-align: center; vertical-align: middle; border-top: 1px solid #B5B5B5; height: 39px} #trincomemonth td{border-bottom: 2px solid #999} .overtime {line-height: 25px} .overtime input {float: none;} .overtime b {font-size: 14px; padding-right: 10px} .table {border: 1px solid #999; font-size: 10px} .table td {border: 1px solid #999; border-top-width: 0; border-left-width: 0; text-align: center} /*table No border-----*/ table.none{ border-collapse: collapse; border:none; } table.none tbody td,table.none td {border:none;padding:5px; vertical-align:middle;} /*table bor round-----*/ table.bor_round { border:1px solid #E0E0E0; border-collapse: collapse; } table.bor_round tbody td{ border:1px solid #E0E0E0; vertical-align:middle; padding:5px 5px; } table tr.even, table.bor_round tr.even, table.none tr.even{ background:#EAEAEA; } /*end table*/ table.bor_round tr td .dashed { overflow:hidden; border-bottom:1px #C7C7C7 dashed; border-top-style: none; border-right-style: none; border-left-style: none; } .tab_ltitle {background: #ccc; color: #303030; font-weight:700; border-bottom:1px solid #828282 !important;} #reporter {z-index: 1005;} #tipreporter {display: none; width: 170px; border: 1px solid #999; position: absolute; background: #FFF; padding: 5px} #tipreporter a {float: left; width: 160px; font-size: 12px; padding: 4px} #tipreporter a:hover {background: #EFEFEF} .floorlist span.floorname {float: left; margin-right: 25px; color: #000; font-size: 14px; font-weight: 300} .floorlist .floorname a{font-size: 11px; padding: 0 5px} .mousemenu a{ text-decoration: none; color: #000} .setup .l, .setup .r {float: left; margin-bottom: 10px} .setup .l {width: 150px;} .setup .r {width: 750px;} .setup .r1 input {margin: 0 20px 0 10px} #rlistcontent div, #resultroom div {padding: 5px 0; float: left; width: 100%} #rlistcontent div .fname, #resultroom div .fname {width: 70px} /*Thuan*/ .priceset-left {width:300px;float:left} .priceset-center {width:170px;float:left} .priceset-right {width:420px;float:right} .custcostrow {width:100%} .rnotready { background: url(../img/icon-Alert.png) no-repeat top left} .rmaintenance { background: url(../img/icon-Stop.png) no-repeat top left} .footer2 { background:#CCC; font-weight:bold; font-size:14px !important;} .pnote {width:100%;height:100px} .lrservice {text-align:right; margin-right:10px;} .mgbt10 { margin-bottom:10px;} .mgbt5 { margin-bottom:5px;} /* login page */ #login { padding: 100px; background-color: #666; } .bgheader { background-image: url(../img/headbhotel.gif); background-repeat:repeat-x; height:40px; text-align:right;color: #FFF; padding-right:7px;padding-top:25px; } #login .box2 { float: none; margin: 0 auto; width: 440px; background:#FFFFFF; } #login table { width: 100%; border:0px; margin: 0 auto; } #login input.txt { width: 316px; } input.txt, option.txt, textarea { border-radius: 2px; /*-webkit-border-radius: 5px; -moz-border-radius: 5px;*/ border: 1px solid #999; background:#EFEFEF; padding: 2px 2px; font-size:18px; } .padl {padding-left:20px;} .padr {padding-right:20px;} /*Button*/ .button { border: 1px solid #CCC; -webkit-box-shadow: #fff 0 0 5px; -moz-box-shadow: #aaa 0 0 5px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 5px; color: #fff; cursor: pointer; background-color: #f37a21; background-image: url(../img/button.gif); background-repeat: repeat-x; padding: 1px 20px; font-size: 13px !important; } .button:hover { text-shadow: #000 1px 1px 0; color: #fff; background-color: #F67B1E; background-image: url(../img/altbutton.gif); background-repeat: repeat-x; border-top-color: #CCC; border-right-color: #CCC; border-bottom-color: #CCC; border-left-color: #CCC; } .bgfff {background:#FFF;} .bgeee {background:#EFEFEF;} #tooltip { position: absolute; z-index: 3000; border: 1px solid #111; background-color: #eee; padding: 5px; opacity: 0.85; } #tooltip h3, #tooltip div { margin: 0; } .padbt10 {padding-bottom:10px;} .mar5 {margin: 5px;} .padr160 {padding-right: 160px;} .marr5 {margin-right: 5px;} .marr1 {margin-right: 1px;} .marl10 {margin-left: 10px;} .cursor {cursor: pointer;} .cursor:hover{color: #000;} .mt10 {margin-top: 10px} .l1 td{border-top: solid 2px #999;} .note2 {background-color: #fff; margin: auto; padding:20px; width: 960px;} .history {padding: 10px; border-top: solid 2px #999; } #currencyview {margin-left: 128px;} .bb {font-size:12px; font-weight:bold;} .l3d {border-bottom: 1px dashed #ccc; margin-right: 5px; margin-top:2px;} .l1d {border-top: solid 1px #ccc; margin-right: 5px; padding-top:2px;} .l1f {border-top: solid 1px #ccc; padding: 5px 0; margin: 0;} .lr2 {float: right; margin-top: 1px;} .lr20 {float: right; margin-right: 20px;} .lr10 {float: right; margin-right: 10px;} .lr5 {float: right; margin-right: 5px; margin-top: 5px;} .endday ,.endday2{float: left; margin-left:3px; } .endday a{color:#FFF377; text-decoration: none;cursor: pointer} .endday2 a{color:#fff; text-decoration: none;cursor: pointer} .honey {float: left; margin-left:10px; font-size: 16px; margin-top:0px; color: #FFF377; font-weight: boild;float: left;} .l3b {border-bottom: solid 1px #CCC;margin-bottom: 10px;padding-bottom: 5px;} .l3e {border-bottom:1px dashed #ccc;margin: 10px 5px; padding-bottom: 2px;} .b14 {font-size:14px; font-weight:bold;} .staying-time {position:relative;font-size:10px !important;width:56px;top:-67px;text-align:right} #roomList .cemty, #roomList .cbooked, #roomList .cstay {font-size:11px;text-align:center !important} .mid { margin: 0 auto;} #cimport .cleft, .ccen, .cright {float:left; padding: 3px; margin-left: 5px} #cimport .cleft {width: 300px;} #cimport .ccen {width: 100px; text-align: right} #cimport .cright {width: 120px; text-align: right} #changePass .cpleft,.cpright {float:left; padding: 3px; margin-left: 2px; text-align:left !important} #changePass .cpleft {width: 120px;} #changePass .cpright {width: 130px;} .output, .currency-input {font-size: 18px !important; font-weight: bold} .tab_ltitle, ltitle {cursor: pointer;} #outcome_inputrow span {float: left; width: 130px; margin-bottom: 10px;} #outcome_inputrow .r2 {float: left; width: 220px; margin-bottom: 10px;} #outcome_inputrow .sum {font-size:14px ; color:#009; font-weight:700; float: left; margin-bottom: 5px;} #endrowshiftschange td {border-top: 2px solid #999999;} .inputcash { overflow:hidden; border-bottom:1px #C7C7C7 dashed; border-top-style: none; border-right-style: none; border-left-style: none; width: 82px; font-size: 15px !important; } .sum {font-size:14px ; color:#009; font-weight:700;} #noteShifschane .c1 {float:left; width: 650px; margin-right: 10px;} #noteShifschane .c2 {float:right; font-size: 14px; font-weight: bold} #noteShifschane .c21 {float:left;white-space: nowrap;} #noteShifschane .c22 {float:right; margin-left: 40px; text-align: right} .quick-service-list {font-size: 13px !important; max-width:210px;} #giaocaconfirm {float:right; margin-top: 10px; text-align: right; line-height: 3;} #shiftschange_employ2 {max-width:120px;} #service_list_sum {margin-top: 5px;} .tienlay_vnd, .tienlay_usd {font-size: 16px !important; width: 100px; height: 16px} #InfoTab_hotel_content,#InfoTab_ifinfo_content,#sumtab_income_content {width: 890px; padding-right:10px; margin:auto;} .newscont_right {padding-left: 20px; width: 230px;vertical-align: top;} .billtotal {float: right; margin-top: 1px; border-top: solid 1px #A4A0A0; margin-right: 5px; padding-top:2px;} .sumlastrow {text-align:right;border-top: solid 1px #999; font-size: 14px; font-weight: bold} .billtitle {font-size:20px;font-weight:700; float: left;} .billcode {float: right; margin-right:10px; font-size:14px} .finalPayment {font-size:16px;font-weight:700; color: #009;} .birthday_icon { background:url(../img/birthday_icon.gif) center center no-repeat; width:auto; height:22px; } .popupMessage { display: block; min-width:200px; padding: 15px; text-align: center; position: fixed; top: 10px; right: 10px; z-index: 1000; color: #FFEE00; background: #740707; font-weight: bold; opacity: 0.8; } .mousemenu { z-index: 9999; } .cu_name {min-width: 180px;} .ui-widget select { min-height:20px; } #cust_number { width: 40px; font-size: 14px; } #btn_group { display:inline-block; margin-left: 2px; width: 25px; height:18px; position: relative; } #btn_group img { height: 18px; display: block; position:absolute; top: 4px;left:8px; } /*Css add customer*/ .cf:before, .cf:after { content: ""; display: table;} .cf:after { clear: both;} .cf { *zoom: 1;} .box-field { border: 1px solid #ccc; padding:10px 10px 25px; margin: 15px 0 5px; position: relative; } .h2-ttlfield { position: absolute; display: inline-block; background: #eee; top: -10px; left: 20px; } .h2-ttl { font-size: 14px; padding:5px 0; } .customer-list { width: 100%; padding-top: 0 !important; } .form-cus { display: none; margin: 0px 0 5px 15px; positon: relative; clear:both; } .form-cus div { width: 365px; float:left; } label.label2 { margin:2px 6px 3px 3px; float: left; } .labelsmall { margin:8px 5px 0px 5px; float: left; } .customer-content input[type="radio"], .h2-ttlfield input[type="radio"] { float: left; } .fl-right { float: right; } .form-cus .labelinfo { width: 117px ; float: left; margin:5px 0; } .form-cus .t3 { width: 200px; float: left; margin: 5px 0; } .form-cus input#txtstayingfrom,.form-cus input#txtstayingfrom2,.form-cus input#txtstayingto, .form-cus input#txtstayingto2 { width: 83px; } .form-cus #txtcountry,.form-cus #txtcountry2 { width: 205px; float: left; margin: 5px 0;} .customer-list button { margin:0 48px 0 0; } .arestyle {width: 200px; float: left; height: 64px; margin: 7px 0 0; background: #fff; } .form-cus label, .form-cus input, .form-cus textarea { margin-bottom:0 !important; } .form-cus input[type="radio"] { margin:7px 3px 0 0 ; float: left; } .form-cus .label2 { margin:6px 10px 0 3px ; } .align-center { text-align:center; } @media screen and (-webkit-min-device-pixel-ratio:0) { .form-cus input#txtstayingfrom, .form-cus input#txtstayingto,.form-cus input#txtstayingto2 { width: 84px; } .form-cus #txtcountry,.form-cus #txtcountry2 { width: 204px; float: left; margin: 5px 0;} } .icon-delete { display: inline-block; width: 12px; height:12px; margin: 0 auto; cursor: pointer; } .icon-edit { display: inline-block; width: 12px; height:12px; margin: 0 10px 0px 0; cursor: pointer; } .check-status { display: none;width: 12px; height:12px; margin: 0 auto; cursor: pointer;} .box-cus-lv1 { margin-bottom:5px; } .box-cus-lv1 .cols { width: 131px; float:left; margin-right: 10px; } .box-cus-lv1 .cols2 { width: 100px; float:left; margin-right: 0px; } .box-cus-lv1 .cols label {margin:0px 0 3px; width:100%; display: block;} .box-cus-lv1 .cols input {margin:5px 0; display: block;} .h2-ttlfield2 { display: block; padding:0 0 5px 0; } .h2-ttlfield2 input, .h2-ttlfield2 lable { float: left; } #txttotalroom { width:50px; } .inputprice { width: 60px; } .tblistaddcus #txtcmnd,.addcustomerlist #txttel { width:80px; } .tblistaddcus #txtname { width: 100px; } .tblistaddcus input[type="radio"] { marign:0px 0 0 5px;} .content-addcus { margin:5px 0 5px; } .content-addcus div { display: inline-block; width: 310px; } .content-addcus label { margin: 7px 0 0; width: 65px; float: left; } .content-addcus input { margin: 5px 0 0; width: 85px; float: left; } .content-addcus input[type="radio"] { margin: 8px 0 0; width: auto; float: left; } .content-addcus select { margin: 5px 0 0; width: 45px; float: left; } .content-addcus span { margin: 7px 5px 0; float: left; } .content-addcus textarea { width:460px; margin-top: 10px !important; } .divnote { width: 100% !important; } .roomicons {width: 45px; margin-right: 1px; margin-left: 20px;} #outcome-employee-select {margin-top: 10px; width: 100%}