body{background-image:url("/resources_home/images/userArea_floralBG.png");background-repeat:repeat;}
section.userHomeBody{width:100%;position:relative;left:0px;top:0px;}

table{width:100%;}
td{width:100%;vertical-align:top;}
td.firstColumn_userLeftMenu{width:120px;}

td.secondColumn_userLeftMenuContent{width:17.2%;text-align:center; height: 800px;}
@media screen and (-webkit-min-device-pixel-ratio:0) {
   td.secondColumn_userLeftMenuContent{width:243px;text-align:center; height: 800px;}
}
@-moz-document url-prefix() {
	td.secondColumn_userLeftMenuContent{ width:283px; text-align: center;}
	td.thirdColumn_userHomeContent{width:100%;position:relative;left:370px;}
}
td.thirdColumn_userHomeContent{width:100%;}
td.thirdColumn_userHomeContent .userStatistics{width:780px; min-height: 620px;}

.userPropList{width:780px; min-height: 800px;}

.userLeftMenu.ui.menu{position:absolute;left:0px;width:120px;height:100%;background-color:#302900;}
.userLeftMenu .item{color:rgba(206, 135, 33, 0.9) !important;background-color:#302900 !important;text-align:center;width:120px !important;padding:20px 0px!important;}
.userLeftMenu .item:hover{background-color:#6F4900 !important;}
.userLeftMenu .active.item{color:#FFFFFF!important;background-color:#4c3a14 !important;border-left-color:#FF8000 !important;border-left-width:3px !important;border-left-style:solid !important;border-right-width:0px !important;margin:0 0 0 px !important}
.userLeftMenu .item .icon.social{width:25x!important;height:25px!important;font-size:12px!important;}
.userLeftMenu .item .itemText{position:relative;top:4px;}
.userLeftMenu .item.logo img{margin:0 auto;}
.userLeftMenu .item.logo:hover{background-color:#302900 !important;}

.userLeftMenuContent{position:absolute;left:120px;width:250px;background-color:#4c3a14;height:100%;}
.userLeftMenuContent div{margin:13px 0; margin-left:20px; float:left; color:rgb(192, 127, 31);}
.userLeftMenuContent .item .inverted.brown.icon{background-color:rgba(206, 135, 33, 0.9) !important;}

.userHomeContent{left:370px;position: relative;}
.userHomeContent .avatar{width:30px;height:30px;position:relative;float:left;}
.userHomeContent .avatarName{vertical-align:middle;position:relative;float:left;line-height:30px;}
.userHomeContent .headerLeftContent:hover{height:30px;position:relative;float:left;background:rgb(187, 130, 49);-webkit-transition:all .3s ease-out;-moz-transition:all .3s ease-out;-o-transition:all .3s ease-out;transition:all .3s ease-out;color:rgba(255,255,255,0.8);}
.userHomeContent .headerLeftContent a{color:#fff;}
.userHomeContent .headerRightContent{position:relative;float:right;line-height:30px}
.userHomeContent .headerRightContent .icon{font-size:25px;margin:0 10px;position:relative;float:right;}
.userHomeContent .headerRightContent .icon:hover{color:rgba(255,255,255,0.8);-webkit-transition:all .3s ease-out;-moz-transition:all .3s ease-out;-o-transition:all .3s ease-out;transition:all .3s ease-out;}
.userHomeContent .headerRightContent a{color:rgba(255,255,255,0.4)}
.userHomeContent .headerRightContent a:hover{color:rgba(255,255,255,1)}
.userHomeContent .segment{margin:0px 0px 10px 10px !important;min-width: 380px;max-width:380px;min-height:240px;visibility:hidden;}
.userHomeContent .segment:hover{-webkit-transition:all .25s ease-out;-moz-transition:all .25s ease-out;-o-transition:all .25s ease-out;transition:all .25s ease-out;webkit-box-shadow:0 0 3px rgba(0,0,0,0.4);box-shadow:0 0 3px rgba(0,0,0,0.4);}
.userHomeContent .segment.chartStatistic{min-width:770px;max-height:340px}
.userHomeContent .headerRightContent ul li{margin-left: 6px;}

.userHomeContentTable{display:table;}
.userHomeContentTableRow{display:table-row;}
.userHomeContentTableCell{display:table-cell;color:rgba(119, 119, 119, 0.8);padding:10px 0 0 0}
.userHomeContentTableCell.header{padding:10px;color:#FFFFFF;background-color:rgba(206, 135, 33, 0.9);}
.userHomeContentTableCell .segmentIcon{float:left;font-size:3.6em;position:relative;top:10px;}
.userHomeContentTableCell .title{float:right;font-size:1.9em;color:rgba(255, 150, 0, 0.8)}
.userHomeContentTableCell .subTitle{clear:both;float:right;font-size:1.2em;position:relative;top:-25px;}
.userHomeContent a.colorSegmentTitle{color:rgba(255, 150, 0, 0.8)}
.userHomeContent a.colorSegmentTitle:hover{text-decoration:underline;color:rgba(255, 150, 0, 1);-moz-transition:all .25s ease-out;-o-transition:all .25s ease-out;transition:all .25s ease-out;}

.ui.breadcrumb{margin:10px}
.ui.breadcrumb a:hover{text-decoration:underline;cursor:pointer}
.ui.breadcrumb .active{color:rgba(255, 150, 0, 1);font-weight:500 !important}
.inline ul{display:inline;position:relative;float:left;top:20px}
.inline li{clear:left;font-size:xx-small}
#chartTeam{width:350px;height:140px;border:rgba(219, 219, 219, 0.8) 1px solid;float:right}
#chartAuthorizedPartner,#chartReferrals,#chartListings{width:245px;height:140px;border:rgba(219, 219, 219, 0.8) 1px solid;float:right}
#chartStatistic{width:740px !important;height:240px !important;border:rgba(219, 219, 219, 0.8) 1px solid}
.subtext{font-size:0.4em}

.ui.card{width:765px;margin-top:15px; margin-left: 15px;}
.ui.card .cardSubject.content{background-color: rgb(209, 145, 53); color: rgb(239, 237, 235);}
.ui.card .meta{font-size:xx-small;top:10px;}

.ui.toggle.checkbox.field{display:block;}
.ui.toggle.checkbox .box:before,.ui.toggle.checkbox label::before{background:rgba(0,120,0,0.2)}
.ui.toggle.checkbox label:hover::before{background:rgba(0,120,0,0.2)}

/* >>>>> Footer Section <<<<< */
footer{position:relative;top:20px;}
footer .containerCell{text-align:center;}
.unitPhotoDropHolder{ min-height: 220px; border: 3px dashed #ccc; padding: 10px; background: #effef1;}   
.dropzone.floorPlanDropHolder.hover{border:3px dashed #96c8da;}
.commissionInfo{min-height: 780px; display: block;}
#districtImg{height: 14px;}
.homeMessage{line-height: 3px !important; width:28px !important; left:2.8em !important;; top: -0.1em !important; padding: 6px 0px !important; font-family: "微软雅黑"}
.contentWrap{min-height: 700px; display: block;}

.indexPage{border: 1px solid #fff; display: none;}

.adDate .datepicker{width:221px;}
.adDate .datepicker .datepicker_header,.datepicker .datepicker_header a{font-size:0.99em;background:#f00;color:#fff;line-height:35px;}
.adDate .datepicker .datepicker_calendar{width:219px !important;height:142px;}
.adDate .datepicker .datepicker_calendar .datepicker_table td{font-size:0.99em;width:13.33%}
.adDate .datepicker .datepicker_calendar .datepicker_table .today{background:#ff9900;color:#fff;border:#fff 0 solid}
.adDate .datepicker .datepicker_calendar .datepicker_table .active,.content_right .onSiteVisitBookingPopup .datepicker .datepicker_timelist .timelist_item.active{background:#ff0000;}
.adDate .datepicker .datepicker_timelist{font-size:1em;margin:0;padding:0}
.adDate .datepicker .datepicker_timelist div{margin:0;padding:1.5px;color: gray;}

.required{color:#f00}
#reviewOrderPass{width: 112px;}
.developerDetail{font-weight: normal !important; font-size: 14px !important;}

.acceptSecondTransaction{float: right;}
.serviceOrderSearch{line-height: 40px; padding-left: 15px; padding: 15px;}
.serviceOrderSearch input{border: 1px solid ; padding-left: 10px; border-radius:3px; height: 30px}
.serviceOrderSearchInput{margin-left: 10px;}
.serviceOrderSearchButton{margin-left: 35px !important; }
.serviceOrderSearch .error{color: red; margin-left: 68px; display: block;}
#serviceOrderUserPhoneNumberError{margin-left: 80px;}

.reviewOrderFail{margin-top: 5px;}
.pagenav{min-width: 410px;}
.underline{text-decoration: underline;}
.item .active{color: #f90;}
.changePropAdmin .menu .item{border-top: 1px solid #ccc; border-bottom: 1px solid #ccc;} 
.displayNone{display: none !important;}

#detailReferrals{border: 1px solid #ccc; border-radius:5px; padding:10px; width: 800px; box-shadow: 2px 2px 2px #ccc}
#detailReferrals div{margin-top: 10px;}
#detailReferrals span{margin-left: 10px;}
#detailReferrals .chartValue{margin-left: 0; color: #000;}

.commissionContent .itemWrap{margin-bottom: 10px; padding:20px 0; border-bottom:1px solid #ddd;}
.commissionContent .unsettledPaymentsWrap{margin-bottom: 5px; padding:10px 0;}
.commissionContent .unsettledPaymentsItemWrap{padding:5px 0;}
.commissionContent .unsettledPayments{font-size: 26px; }
.commissionContent .money{color: rgb(209, 145, 53);}
.commissionContent .mrl10{margin-left: 20px;}

#commissionOperation{padding: 20px;}
#commissionOperation .commissionOperationContent{margin-bottom: 20px;margin-top: 20px; box-shadow: 2px 2px 2px #ccc; border: 1px solid #ddd; height: 160px; padding: 13px;}
#commissionOperation .commissionOperationContent.upload{height: 325px;}
#commissionOperation .commissionOperationContent .wrap{margin: 20px; overflow: hidden;}
#exportAllButton{margin-right: 30px; margin-left: 30px}
#uploadExcelByPhoneDropHolder{height: 160px; border: 2px dashed #ccc;}
#commissionExcelLabel{margin-bottom: 10px;}
.commissionOperationContent ul{height: 300px;}