@charset "UTF-8"; #property-detail { min-height: 100%; margin: 158px 10px 10px; padding: 10px 10px; border: 2px solid #cccccc; background-color: #ffffff; } #property-detail.usecbp { margin-top: 174px; } /* #property-detail { border-radius: 5px; } */ /* #property-detail { box-shadow: 0px 0px 5px 0px rgba(128,128,128,0.5); -moz-box-shadow: 0px 0px 5px 0px rgba(128,128,128,0.5); -ms-box-shadow: 0px 0px 5px 0px rgba(128,128,128,0.5); } */ #property-detail table { width: 100%; margin: 0; border: none; border-collapse: collapse; } #property-detail table tbody tr th, #property-detail table tbody tr td { border-bottom: 1px solid #dddddd; padding: 10px 5px; font-size: 18px; line-height: 22px; font-weight: normal; text-align: left; color: #555555; white-space: nowrap; vertical-align: top; } #property-detail table tbody tr:last-child th, #property-detail table tbody tr:last-child td { border: none; } #property-detail table tbody tr th { width: 90px; } #property-detail table tbody tr th div { display: block; margin: 5px 0 0 0; font-size: 16px; line-height: 26px; vertical-align: bottom; } #property-detail table tbody tr th div i { margin: 0 15px 0 5px; font-size: 26px; line-height: 26px; vertical-align: bottom; } #property-detail table tbody tr td div.tbc { color: #cc5500; } #property-detail table tbody tr td div.cfm { color: #007bff; } #property-detail table tbody tr th button { margin: 0 auto 0 5px; padding: 4px 20px; line-height: 26px; border: none; font-size: 15px; text-align: center; } #property-detail table tbody tr th button { background: linear-gradient(to bottom, #75a3b4, #4a7b8e); } #property-detail table tbody tr th button { border-radius: 7px; } #property-detail table tbody tr td { position: relative; max-width: calc(100% - 90px); white-space: normal; word-break: break-all; } #property-detail table tbody tr td div.label { color: #aaaaaa; padding: 4px 0 4px 0;} #property-detail table tbody tr td div.label .google-map { position: absolute; right: 30px; margin: 0; white-space: normal; word-break: break-all; } #property-detail table tbody tr td div.values { padding: 0 0 0 4px;} #property-detail table tbody tr td .orderunread { position: absolute; bottom: 10px; right: 10px; color: #cc5500; font-size: 24px; line-height: 24px; } #property-detail table tbody tr td .orderunread i { position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; width: 10px; height: 10px; font-size: 12px; text-align: center; } #property-detail table tbody tr td i.edit-field-memo { color: #007bff; display: block; font-size: 20px; margin: 2px 2px 8px 2px; cursor: pointer; } #property-detail table tbody tr td img { display: block; width: 90%; max-width: 400px; margin: 0; border: 0; } #property-detail table tbody tr td span { margin: 0; white-space: normal; word-break: break-all; } #property-detail table tbody tr td span.departmentname::after { margin: 0; padding: 0; content: '、'; } #property-detail table tbody tr td span.departmentname:last-child::after { content: none; } #property-detail table tbody tr td span.staffstoggle { margin: 0 0 0 2em; cursor: pointer; } #property-detail table tbody tr td span.staffstoggle i { margin: 0 5px 0 0; font-style: normal; } #property-detail table tbody tr td div.address span { display: block; } #property-detail table tbody tr td div.address span.pin-button { display: flex; position: relative; vertical-align: middle; margin: 6px 0 0 0; } #property-detail table tbody tr td div.address span.pin-button button { background: linear-gradient(to bottom, #75a3b4, #4a7b8e); } #property-detail table tbody tr td div.address span.pin-button div { vertical-align: middle; margin: 8px 0 0 10px; } #property-detail table tbody tr td div.address a i { font-size: 30px; line-height: 21px; margin: 0 5px 0 0; vertical-align: middle; } #property-detail table tbody tr td div.staff span { font-size: 18px; line-height: 30px; vertical-align: middle; } #property-detail table tbody tr td div.staff span.classname { font-size: 16px; } #property-detail table tbody tr td div.staff span.contractorname { font-size: 16px; } #property-detail table tbody tr td div.staff a i { margin: 0 0 0 5px; font-size: 30px; vertical-align: middle; color: #82c91d; } #header-border { height: 4px; padding: 2px 0; background-color: #34495e; font-size: 0; overflow: hidden; } #property-name { position: relative; right: 0; left: 0; height: 40px; margin: 0; padding: 5px 20px 5px 20px; background-color: #34495e; font-size: 0; vertical-align: middle; text-align: center; white-space: nowrap; overflow:visible; } #property-name > span { color: #ffffff; line-height: 40px; font-size: 20px; text-align: center; vertical-align: middle; white-space: nowrap; } #property-name > .propertyname { display: block; margin: 0; padding: 0; color: #ffffff; line-height: 30px; font-size: 20px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } #property-name .statuslabel { width: 80px; margin: 0 10px 0 0; border: 1px solid #ffffff; padding: 2px 10px; color: #ffffff; line-height: 20px; font-size: 14px; vertical-align: middle; white-space: nowrap; } #property-name > .menuicon { position: absolute; top: 0; right: 0; width: 40px; height: 100%; cursor: pointer; } #property-detail-button-area { position: relative; right: 0; left: 0; padding: 10px; text-align: center; background-color: #ffffff; } #property-detail-button-area { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-around; align-items: center; } #property-detail-button-area { box-shadow: 0px 0px 5px 0px rgba(128,128,128,0.5); -moz-box-shadow: 0px 0px 5px 0px rgba(128,128,128,0.5); -ms-box-shadow: 0px 0px 5px 0px rgba(128,128,128,0.5); } #property-detail-button-area button { position: relative; flex: 1 1 20%; height: 40px; margin: 0.2em; padding: 0; line-height: 40px; border: none; letter-spacing: -1px; font-size: 15px; } #property-detail-button-area button { background: linear-gradient(to bottom, #75a3b4, #4a7b8e); } #property-detail-button-area button { border-radius: 7px; } #property-detail-button-area button span { position: absolute; top: -20px; right: -10px; padding: 0 8px; font-size: 16px; color:#ffffff; background-color: #ff4444; height:30px; width:30px; border-radius:50%; line-height:30px; text-align:center;} #property-detail-addstaff-button-area { position: fixed; bottom: 100px; width: 100%; margin: 0; text-align: center; } #property-detail-addstaff-button-area button { display: block; width: 50%; height: 40px; margin: 0 auto; border: none; padding: 0; line-height: 40px; background-color: #eebb00; } #property-detail-addstaff-button-area button { border-radius: 7px; } #property-detail-addstaff-button-area button { box-shadow: 0px 2px 5px 0px rgba(128,128,128,1.0); -moz-box-shadow: 0px 2px 5px 0px rgba(128,128,128,1.0); -ms-box-shadow: 0px 2px 5px 0px rgba(128,128,128,1.0); }