#company-setting .sign-up-form .address .field .zipcode input, #signup-survey .sign-up-form .address .field .zipcode input { width: 90px } .address .field .xzqh select { width: 80px } #zh_items_page .account-item-table .account-item-tr { display: flex; border-left: 1px solid #ddd; border-right: 1px solid #ddd } #zh_items_page1 .account-item-table .account-item-tr { display: flex; border-left: 1px solid #ddd; border-right: 1px solid #ddd } #zh_items_page .account-item-table .account-item-tr.clickable { cursor: pointer } #zh_items_page1 .account-item-table .account-item-tr.clickable { cursor: pointer } #zh_items_page .account-item-table .account-item-tr.focus .account-item-td { background-color: #f5f5f5 } #zh_items_page1 .account-item-table .account-item-tr.focus .account-item-td { background-color: #f5f5f5 } #zh_items_page .account-item-table .account-item-tr .account-item-th { font-weight: bold; background-color: #f0f0f0; border-bottom: #555; padding: 8px } #zh_items_page1 .account-item-table .account-item-tr .account-item-th { font-weight: bold; background-color: #f0f0f0; border-bottom: #555; padding: 8px } #zh_items_page .account-item-table .account-item-tr .account-item-td { border-top: 1px solid #999; padding: 8px } #zh_items_page1 .account-item-table .account-item-tr .account-item-td { border-top: 1px solid #999; padding: 8px } #zh_items_page .account-item-table .account-item-tr .account-item-td .tagify-tag-partner,#zh_items_page .account-item-table .account-item-tr .account-item-td .tagify-tag-item { float: left; display: inline-block; vertical-align: top; font-size: 12px; padding: 1px 3px; border-radius: 2px; color: #666; word-break: break-word; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-top: 2px; margin-right: 2px } #zh_items_page1 .account-item-table .account-item-tr .account-item-td .tagify-tag-partner, #zh_items_page1 .account-item-table .account-item-tr .account-item-td .tagify-tag-item { float: left; display: inline-block; vertical-align: top; font-size: 12px; padding: 1px 3px; border-radius: 2px; color: #666; word-break: break-word; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-top: 2px; margin-right: 2px } #zh_items_page .account-item-table .account-item-tr .sort { flex: 0 1 3%; text-align: center; padding-left: 24px } #zh_items_page1 .account-item-table .account-item-tr .sort { flex: 0 1 3%; text-align: center; padding-left: 24px } #zh_items_page .account-item-table .account-item-tr .name { flex: 0 1 18% } #zh_items_page1 .account-item-table .account-item-tr .name { flex: 0 1 18% } #zh_items_page .account-item-table .account-item-tr .attributes { flex-direction: column; flex: 0 1 79%; padding: 0; border-top: 0 } #zh_items_page1 .account-item-table .account-item-tr .attributes { flex-direction: column; flex: 0 1 79%; padding: 0; border-top: 0 } #zh_items_page1 .account-item-table .account-item-tr .attributes .account-item-tr { border: 0 } #zh_items_page .account-item-table .account-item-tr .attributes .account-item-tr { border: 0 } #zh_items_page .account-item-table .account-item-tr .attributes .group-name { flex: 0 1 22% } #zh_items_page1 .account-item-table .account-item-tr .attributes .group-name { flex: 0 1 22% } #zh_items_page .account-item-table .account-item-tr .attributes .third-category-name { flex: 0 1 16% } #zh_items_page1 .account-item-table .account-item-tr .attributes .third-category-name { flex: 0 1 16% } #zh_items_page .account-item-table .account-item-tr .attributes .second-category-name { flex: 0 1 13% } #zh_items_page1 .account-item-table .account-item-tr .attributes .second-category-name { flex: 0 1 13% } #zh_items_page .account-item-table .account-item-tr .attributes .first-category-name { flex: 0 1 11% } #zh_items_page1 .account-item-table .account-item-tr .attributes .first-category-name { flex: 0 1 11% } #zh_items_page .account-item-table .account-item-tr .attributes .shortcut { flex: 0 1 22% } #zh_items_page1 .account-item-table .account-item-tr .attributes .shortcut { flex: 0 1 22% } #zh_items_page .account-item-table .account-item-tr .attributes .tax-name { flex: 0 1 11% } #zh_items_page1 .account-item-table .account-item-tr .attributes .tax-name { flex: 0 1 11% } #zh_items_page .account-item-table .account-item-tr .attributes .searchable { flex: 0 1 5%; text-align: center; padding-right: 24px } #zh_items_page1 .account-item-table .account-item-tr .attributes .searchable { flex: 0 1 5%; text-align: center; padding-right: 24px } #zh_items_page .account-item-table .account-item-tr .attributes .subsidiary-label { flex: 0 0 145px; font-weight: bold } #zh_items_page1 .account-item-table .account-item-tr .attributes .subsidiary-label { flex: 0 0 145px; font-weight: bold } #zh_items_page .account-item-table .account-item-tr .attributes .subsidiary-tags { flex: 1 1 auto } #zh_items_page1 .account-item-table .account-item-tr .attributes .subsidiary-tags { flex: 1 1 auto } #zh_items_page .account-item-table.sortable .account-item-tbody .account-item-tr { cursor: -moz-grab; cursor: -webkit-grab } #zh_items_page1 .account-item-table.sortable .account-item-tbody .account-item-tr { cursor: -moz-grab; cursor: -webkit-grab } #zh_items_page .account-item-table.sortable .account-item-tbody .account-item-tr .icon-sort { color: #878787; font-size: 18px; visibility: hidden } #zh_items_page1 .account-item-table.sortable .account-item-tbody .account-item-tr .icon-sort { color: #878787; font-size: 18px; visibility: hidden } #zh_items_page .account-item-table.sortable .account-item-tbody .account-item-tr.clickable .account-item-td span { cursor: pointer } #zh_items_page1 .account-item-table.sortable .account-item-tbody .account-item-tr.clickable .account-item-td span { cursor: pointer } #zh_items_page .account-item-table.sortable .account-item-tbody .account-item-tr.mousedown { cursor: -moz-grabbing; cursor: -webkit-grabbing } #zh_items_page1 .account-item-table.sortable .account-item-tbody .account-item-tr.mousedown { cursor: -moz-grabbing; cursor: -webkit-grabbing } #zh_items_page .account-item-table.sortable .account-item-tbody .account-item-tr.dragging { cursor: -moz-grabbing; cursor: -webkit-grabbing; opacity: .5 } #zh_items_page1 .account-item-table.sortable .account-item-tbody .account-item-tr.dragging { cursor: -moz-grabbing; cursor: -webkit-grabbing; opacity: .5 } #zh_items_page .account-item-table.sortable .account-item-tbody .account-item-tr.focus .icon-sort { visibility: visible } #zh_items_page1 .account-item-table.sortable .account-item-tbody .account-item-tr.focus .icon-sort { visibility: visible } #zh_items_page #filter-text { margin-bottom: 0; width: 320px } #zh_items_page1 #filter-text { margin-bottom: 0; width: 320px } #zh_items_page .revisions { margin: 10px 0 0; text-align: right } #zh_items_page1 .revisions { margin: 10px 0 0; text-align: right } #zh_items_page .revisions .btn { font-size: 18px; margin: -2px 2px 0; padding: 0 10px } #zh_items_page1 .revisions .btn { font-size: 18px; margin: -2px 2px 0; padding: 0 10px } #account_items_new_page { background: #FFF; padding: 10px 20px 20px; border: 1px solid #E3E3E3 } #account_items_new_page select { width: 220px } #account_items_new_page #account_item_group_name { width: 180px } #account_items_new_page .create_annotation { display: inline-block } #account_item_group_name { width: 180px } .account-items-groups { padding-top: 15px } .account-items-groups #use_cash_and_deposit_group { float: right; margin-right: 10px } .modal-content.confirm-modal .body .alert-cash-and-deposit { color: #c7243a } .main-container.advisor-list select { margin-bottom: 0 } .main-container.advisor-list table td { vertical-align: middle } .main-container.advisor-request .ids { margin-bottom: 20px } .main-container.advisor-request .category { margin-bottom: 20px } .main-container.advisor-request .btn.request { width: 220px; height: 40px } .main-container.advisor-request .accountant_mail_category { width: 240px } .main-container.advisor-request .request-content { width: 600px; height: 420px } .modal-content.edit-role { width: 400px; height: 200px } .modal-content.edit-role .body .current-role, .modal-content.edit-role .body .next-role { margin: 5px } .modal-content.edit-role .footer .btn:last-child { margin-left: 20px } .modal-content.edit-work-group { width: 400px; height: 200px } .modal-content.edit-work-group .body .current-work-group, .modal-content.edit-work-group .body .next-work-group { margin: 5px } .modal-content.edit-work-group .footer .btn:last-child { margin-left: 20px } .modal-content.delete-user { width: auto; height: auto } .modal-content.delete-user .body .delete-user { margin: 5px } .modal-content.delete-user .footer .btn:last-child { margin-left: 20px } span.help-position div { display: inline-block } #access_controls table.access_controls_list td { height: 45px; vertical-align: middle } #access_controls table.access_controls_list td.actions { width: 1%; white-space: nowrap } #access_controls table.access_controls_list td.actions .btn { width: 80px } #access_controls .list-footer { padding: 15px 10px; border: 1px solid #ddd; border-bottom: 0 } .modal-content.confirm-modal .footer button:last-child { margin-left: 10px } .acl-modal.modal-content .body { height: calc(100vh - 190px); overflow: auto } .acl-modal.modal-content .footer .btn-primary { margin-right: 30px } .acl-modal.modal-content .footer .btn-danger { float: right; min-width: 80px } .acl-modal.modal-content .acl-modal-form-row { margin-top: 7px; overflow: hidden } .acl-modal.modal-content .acl-modal-form-row .acl-modal-form-name, .acl-modal.modal-content .acl-modal-form-row .acl-modal-form-description { display: inline-block } .acl-modal.modal-content .acl-modal-form-row .acl-modal-form-name>span, .acl-modal.modal-content .acl-modal-form-row .acl-modal-form-description>span { display: block } .acl-modal.modal-content .acl-modal-form-row .acl-modal-form-name { width: 35% } .acl-modal.modal-content .acl-modal-form-row .acl-modal-form-name input { display: inline-block; width: calc(100% - 20px) } .acl-modal.modal-content .acl-modal-form-row .acl-modal-form-description { width: 65% } .acl-modal.modal-content .acl-modal-form-row .acl-modal-form-description input { display: inline-block; width: calc(100% - 10px) } .acl-modal.modal-content .acl-modal-form-error { padding: 7px 0; text-align: center } .acl-modal.modal-content .acl-modal-form-card { padding: 2px 15px 7px } .acl-modal.modal-content .acl-modal-form-card>div { padding-top: 7px; border-bottom: 1px solid #f0f0f0 } .acl-modal.modal-content .acl-modal-form-card>div:last-child { border-bottom: 0 } .acl-modal.modal-content .acl-modal-form-card>div div, .acl-modal.modal-content .acl-modal-form-card>div label { display: inline; margin-right: 20px } .acl-modal.modal-content .acl-modal-form-card>div div:first-child, .acl-modal.modal-content .acl-modal-form-card>div label:first-child { display: inline-block; width: 200px } .acl-modal.modal-content .acl-modal-form-card>div div:nth-child(2), .acl-modal.modal-content .acl-modal-form-card>div label:nth-child(2) { display: inline-block; width: 80px } .acl-modal.modal-content .acl-modal-form-card>div div:nth-child(n+3), .acl-modal.modal-content .acl-modal-form-card>div label:nth-child(n+3) { display: inline-block; width: 45px } .acl-modal.modal-content .acl-modal-form-card>div div>input, .acl-modal.modal-content .acl-modal-form-card>div label>input { vertical-align: top } .acl-modal.modal-content .acl-modal-form-card>div div>span, .acl-modal.modal-content .acl-modal-form-card>div label>span { margin-left: 4px } .acl-modal.modal-content .acl-modal-form-card-old { margin-top: 10px; border: 1px solid #ccc; border-radius: 3px; padding: 2px 15px 7px } .acl-modal.modal-content .acl-modal-form-card-old>div { padding-top: 7px; border-bottom: 1px solid #f0f0f0 } .acl-modal.modal-content .acl-modal-form-card-old>div:last-child { border-bottom: 0 } .acl-modal.modal-content .acl-modal-form-card-old label { display: inline; margin-right: 30px } .acl-modal.modal-content .acl-modal-form-card-old label:first-child { display: inline-block; width: 300px } .acl-modal.modal-content .acl-modal-form-card-old label>input { vertical-align: top } .acl-modal.modal-content .acl-modal-form-card-old label>span { margin-left: 4px } .final-return-alert-modal { width: 600px } #biz_allocation .biz_option { text-align: center } #biz_allocations .actions { padding: 20px; text-align: center } #biz_allocations .actions .btn-primary { width: 200px } .fixedDataTableColumnResizerLineLayout_mouseArea { cursor: ew-resize; position: absolute; right: -5px; width: 12px } .fixedDataTableColumnResizerLineLayout_main { border-right: 1px solid; box-sizing: border-box; position: absolute; z-index: 10 } body[dir="rtl"] .fixedDataTableColumnResizerLineLayout_main, .fixedDataTableColumnResizerLineLayout_hiddenElem { display: none !important } .fixedDataTableRowLayout_main { box-sizing: border-box; overflow: hidden; position: absolute; top: 0 } .fixedDataTableRowLayout_body { left: 0; position: absolute; top: 0 } .fixedDataTableRowLayout_fixedColumnsDivider { -webkit-backface-visibility: hidden; backface-visibility: hidden; border-left: 1px solid; left: 0; position: absolute; top: 0; width: 0 } .fixedDataTableRowLayout_columnsShadow { width: 4px } .fixedDataTableRowLayout_rowWrapper { position: absolute; top: 0 } .ScrollbarLayout_main { box-sizing: border-box; outline: 0; overflow: hidden; position: absolute; -webkit-transition-duration: 250ms; transition-duration: 250ms; -webkit-transition-timing-function: ease; transition-timing-function: ease; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none } .ScrollbarLayout_mainVertical.public_Scrollbar_mainActive, .ScrollbarLayout_mainVertical:hover { width: 17px } .ScrollbarLayout_mainHorizontal.public_Scrollbar_mainActive, .ScrollbarLayout_mainHorizontal:hover { height: 17px } .ScrollbarLayout_face { left: 0; overflow: hidden; position: absolute; z-index: 1 } .ScrollbarLayout_face:after { border-radius: 6px; content: ''; display: block; position: absolute; -webkit-transition: background-color 250ms ease; transition: background-color 250ms ease } .ScrollbarLayout_faceHorizontal { bottom: 0; left: 0; top: 0 } .ScrollbarLayout_faceHorizontal:after { bottom: 4px; left: 0; top: 4px; width: 100% } .ScrollbarLayout_faceVertical { left: 0; right: 0; top: 0 } .ScrollbarLayout_faceVertical:after { height: 100%; left: 4px; right: 4px; top: 0 } .public_fixedDataTable_main, .public_fixedDataTable_header, .public_fixedDataTable_hasBottomBorder { border-color: #d3d3d3 } .public_fixedDataTable_header .public_fixedDataTableCell_main { font-weight: 700 } .public_fixedDataTable_header, .public_fixedDataTable_header .public_fixedDataTableCell_main { background-color: #f6f7f8; background-image: -webkit-linear-gradient(#fff, #efefef); background-image: linear-gradient(#fff, #efefef) } .public_fixedDataTable_footer .public_fixedDataTableCell_main { background-color: #f6f7f8; border-color: #d3d3d3 } .public_fixedDataTable_topShadow { background: 0 0 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAECAYAAABP2FU6AAAAF0lEQVR4AWPUkNeSBhHCjJoK2twgFisAFagCCp3pJlAAAAAASUVORK5CYII=) repeat-x } .public_fixedDataTable_bottomShadow { background: 0 0 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAECAYAAABP2FU6AAAAHElEQVQI12MwNjZmZdAT1+Nm0JDWEGZQk1GTBgAWkwIeAEp52AAAAABJRU5ErkJggg==) repeat-x } .public_fixedDataTable_horizontalScrollbar .public_Scrollbar_mainHorizontal { background-color: #fff } .public_fixedDataTableCell_main { background-color: #fff; border-color: #d3d3d3 } .public_fixedDataTableCell_highlighted { background-color: #f4f4f4 } .public_fixedDataTableCell_cellContent { padding: 8px } .public_fixedDataTableCell_columnResizerKnob { background-color: #0284ff } .public_fixedDataTableColumnResizerLine_main { border-color: #0284ff } .public_fixedDataTableRow_main { background-color: #fff } .public_fixedDataTableRow_highlighted, .public_fixedDataTableRow_highlighted .public_fixedDataTableCell_main { background-color: #f6f7f8 } .public_fixedDataTableRow_fixedColumnsDivider { border-color: #d3d3d3 } .public_fixedDataTableRow_columnsShadow { background: 0 0 url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAABCAYAAAD5PA/NAAAAFklEQVQIHWPSkNeSBmJhTQVtbiDNCgASagIIuJX8OgAAAABJRU5ErkJggg==) repeat-y } .public_Scrollbar_main.public_Scrollbar_mainActive, .public_Scrollbar_main:hover { background-color: rgba(255, 255, 255, 0.8) } .public_Scrollbar_mainOpaque, .public_Scrollbar_mainOpaque.public_Scrollbar_mainActive, .public_Scrollbar_mainOpaque:hover { background-color: #fff } .public_Scrollbar_face:after { background-color: #c2c2c2 } .public_Scrollbar_main:hover .public_Scrollbar_face:after, .public_Scrollbar_mainActive .public_Scrollbar_face:after, .public_Scrollbar_faceActive:after { background-color: #7d7d7d } .cash-summary-report-header { float: left; width: 100% } .cash-summary-report-header #report_form { float: left } .cash-summary-report-header .category-setting { float: right } .cash-summary-category-dialog-box { width: 450px; padding-top: 15px } .cash-summary-category-dialog-box .help-balloon-icon { font-size: 15px } #register input[type="radio"] { display: inline } .save_for_pause i.icon-warning-sign { display: inline-block; margin: 10px 5px 0px; color: #f6ca06 } .course-help-inner.card-cvc-balloon { min-width: 280px } .course-help-inner.card-cvc-balloon .card-cvc-description .description { text-align: left; margin: 8px auto 0; width: 240px } .course-help-inner.card-cvc-balloon .card-cvc-description .card-cvc-sample { margin-top: 8px; margin-bottom: 8px; width: 240px; height: 152px } .companies { padding: 20px 0 } .companies .inner { padding: 20px } .companies .inner.no-tab-inner { padding: 0 20px 20px } .companies .inner .inner-contents { padding: 0 20px 20px } .companies label { line-height: 26px } .companies .standard-form .address-fields { margin-bottom: 0; position: relative } .companies .standard-form .address-fields .toolbox { position: absolute; top: 0; right: 0; width: 160px; background-color: #fff; border: 1px solid #ddd } .companies .standard-form .address-fields .toolbox .title { padding: 2px 7px; background-color: #386cbf; color: #fff; font-size: 12px } .companies .standard-form .address-fields .toolbox .inner { padding: 4px 7px; font-size: 11px } .companies .standard-form .fields .field.address-line-field input { width: 590px } .companies .standard-form .fields .field .help { vertical-align: middle; font-size: 16px } .companies .standard-form .radio-buttons { margin-top: -4px } .companies .standard-form .radio-buttons input { margin-top: 5px } .companies .standard-form .radio-buttons label { margin: 0px 5px } .companies .standard-form label.checkbox-label { margin-left: 5px; display: inline } .companies .standard-form label.header { font-weight: bold } .companies .standard-form input[type=checkbox] { margin-bottom: 5px } .companies .standard-form textarea.input-software, .companies .standard-form textarea.input-address, .companies .standard-form textarea.input-accountant-name, .companies .standard-form input[type=text].input-software, .companies .standard-form input[type=text].input-address, .companies .standard-form input[type=text].input-accountant-name { width: 400px } .companies .standard-form textarea.input-service-content, .companies .standard-form input[type=text].input-service-content { width: 400px; height: 80px } .companies .standard-form textarea.input-accountant-find, .companies .standard-form input[type=text].input-accountant-find { width: 400px; height: 30px } .companies input[type="file"] { margin-left: 5px; line-height: normal } .companies .btn-large { padding: 14px 42px; font-size: 15px; margin: 0 20px 0 auto } .companies .footer-button { text-align: center } .companies .basic-information { border: 1px solid #efefef; background-color: #f9f9f9; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; padding: 15px } .companies .basic-information .setting { padding: 10px 38px } .companies .basic-information .doc-numbering-setting-form div.field { padding-left: 20px; margin-top: 10px; margin-bottom: 10px } .companies .basic-information .doc-numbering-setting-form label { display: inline; margin-right: 20px } .companies .basic-information .doc-numbering-setting-form label input[type="radio"] { margin: 0 5px 5px 0 } .companies .basic-information .doc-numbering-setting-form .each-numbering div { margin-bottom: 15px } .companies .basic-information .doc-numbering-setting-form .each-numbering div .template span { margin-right: 5px } .companies .basic-information .doc-numbering-setting-form .each-numbering div .template input { width: 270px; margin: 0 } .companies .basic-information .doc-numbering-setting-form .each-numbering div .preview { border-bottom: thin solid; display: inline-block; width: auto } .companies .basic-information .doc-numbering-setting-form .each-numbering div .preview .preview-title { color: gray; display: inline-block; width: 65px } .companies .basic-information .doc-numbering-setting-form .each-numbering div .preview .preview-body { text-align: right; display: inline-block; min-width: 220px; width: auto } .companies .basic-information .doc-numbering-setting-form .common-numbering div { margin-bottom: 15px } .companies .basic-information .doc-numbering-setting-form .common-numbering div span { margin-right: 5px } .companies .basic-information .doc-numbering-setting-form .common-numbering div span input { width: 60px; margin: 0 } .companies .basic-information .doc-numbering-setting-form .common-numbering .template { margin-bottom: 15px } .companies .basic-information .doc-numbering-setting-form .common-numbering .template span { margin-right: 5px } .companies .basic-information .doc-numbering-setting-form .common-numbering .template span input { width: 300px; margin: 0 } .companies .basic-information .doc-numbering-setting-form .common-numbering .template .input-label { margin-right: 44px } .companies .basic-information .doc-numbering-setting-form .common-numbering .template .template-input { margin-right: 62px } .companies .basic-information .doc-numbering-setting-form .common-numbering .preview { border-bottom: thin solid; display: inline-block; width: auto } .companies .basic-information .doc-numbering-setting-form .common-numbering .preview .preview-title { color: gray; display: inline-block; width: 65px } .companies .basic-information .doc-numbering-setting-form .common-numbering .preview .preview-body { text-align: right; display: inline-block; min-width: 220px; width: auto } .companies .invoices-container.invoices-edit-template .basic-information { margin: 20px } .companies .invoices-container.invoices-edit-template .basic-information .title { margin: 0 } .companies .invoices-container.invoices-edit-template .list-table { margin: 20px 0 } .companies .fiscal_year_tax_setting_title { height: 28px } .companies .prev_fy_tax_setting { width: 350px } .companies .company-logo-field .preview img, .companies .company-stamp-field .preview img { width: 150px } .companies .company-logo-field .opacity-slider, .companies .company-stamp-field .opacity-slider { background: #ccc; background: -owg-linear-gradient(left, #fff, #999); background: -webkit-linear-gradient(left, #fff, #999); background: -moz-linear-gradient(left, #fff, #999); background: -o-linear-gradient(left, #fff, #999); background: linear-gradient(left, #fff, #999); *zoom: 1; filter: progid:DXImageTransform.Microsoft.gradient(gradientType=1, startColorstr='#FFFFFFFF', endColorstr='#FF999999'); width: 300px } .edit_company .ebook-preference .btn { margin-bottom: 10px } .edit_company .ebook-preference .ebook-field .value { font-weight: bold } .edit_company .ebook-preference .notice { margin: 5px } .edit_company .ebook-preference .alert-message { color: #b94a48 } .edit_company .subject-input { width: 600px } .edit_company .category-input { width: 610px } .consumption_table .col-head { width: 50% } .appendix-tbl-col-head { width: 70% } #cost-allocation-processes .current-year { font-size: 16px; font-weight: bold } .sub-container .deal-template-standards p { padding: 7px 0 0 } .react-modal .react-modal-header, .react-modal .react-modal-body, .react-modal .react-modal-footer { box-sizing: border-box } .react-modal .react-modal-header { margin: 0; padding: 12px 15px 9px; min-height: 40px; font-size: 18px; font-weight: bold; border-bottom: 1px solid #e6e6e6 } .react-modal .react-modal-header .icon-remove { margin-left: 0.3em; float: right; cursor: pointer } .react-modal .react-modal-body { padding: 11px 15px 5px } .react-modal .react-modal-footer { padding: 10px 20px; text-align: center } .react-modal .react-modal-footer .btn { min-width: 160px; margin: 0 4px; padding: 9px 14px } .ReactModal__Overlay, .ReactModal__Content { opacity: 0 } .ReactModal__Overlay--after-open, .ReactModal__Content--after-open { opacity: 1; transition: opacity 150ms ease-in; opacity: 1; transition: opacity 150ms ease-in; opacity: 1; transition: opacity 150ms ease-in; opacity: 1; transition: opacity 150ms ease-in } .line-list .line-list-body { border: 1px solid #ccc; border-bottom: 0 } .line-list .line-list-body .line { border-bottom: 1px solid #ccc; display: flex } .line-list .line-list-body .line .items { display: flex; flex-wrap: wrap } .line-list .line-list-body .line .items .line-field { padding-left: 5px; padding-top: 5px } .line-list .line-list-body .line .items .cell-account-item { width: 220px } .line-list .line-list-body .line .items .line-tax { width: 100px } .line-list .line-list-body .line .items .line-tax .taxes-select { width: 100px } .line-list .line-list-body .line .items .cell-amount { width: 120px; display: flex } .line-list .line-list-body .line .items .cell-amount .input-line-amount { width: 80px; padding-top: 5px } .line-list .line-list-body .line .items .line-vat-wrap { width: 225px } .line-list .line-list-body .line .items .line-tagbox { width: 200px } .line-list .line-list-body .line .items .description { width: 200px } .line-list .line-list-body .line .items .description input { width: 180px } .line-list .line-list-body .line .actions { width: 100px; border-left: 1px solid #ccc } .line-list .line-list-body .line .actions .buttons { height: 100%; display: flex; justify-content: center; padding: 5px } .line-list .line-list-body .line .actions .buttons button { align-self: center } .line-list .line-list-footer { padding-top: 10px } .line-list .line-list-footer div { display: flex; width: 100% } .line-list .line-list-footer div .total-amount { width: 100%; justify-content: flex-end; align-self: flex-end } .line-list .line-list-footer div .total-amount input { display: inline-block; margin: 0; width: 120px; border: 0; border-bottom: 1px solid #555; cursor: text; font-size: 16px; background-color: #fff; border-radius: 0; box-shadow: red 0 0 0 } .wallet_txn_editor .jy-editor { overflow: auto } .jy-editor, .transfer-editor { overflow: visible } .jy-editor span.settlement-box, .jy-editor span.comment-box, .jy-editor span.income-box, .jy-editor span.expense-box, .jy-editor span.charge-box, .transfer-editor span.settlement-box, .transfer-editor span.comment-box, .transfer-editor span.income-box, .transfer-editor span.expense-box, .transfer-editor span.charge-box { display: inline-block; padding: 2px 12px } .jy-editor span.income-box, .transfer-editor span.income-box { color: #fff; background-color: #007ab7 } .jy-editor span.expense-box, .transfer-editor span.expense-box { color: #fff; background-color: #c7243a } .jy-editor span.charge-box, .transfer-editor span.charge-box { font-size: 16px } .jy-editor .alert, .transfer-editor .alert { display: none; text-align: center } .jy-editor-renew-summary>div, .deal-renew-target-line>div, .deal-renew-history-target-line>div { margin: 10px 0; background: #fff } .jy-editor-renew-summary table, .deal-renew-target-line table, .deal-renew-history-target-line table { width: 100% } .jy-editor-renew-summary table th, .jy-editor-renew-summary table td, .deal-renew-target-line table th, .deal-renew-target-line table td, .deal-renew-history-target-line table th, .deal-renew-history-target-line table td { font-size: 13px; padding: 3px 6px } .jy-editor-renew-summary table th, .deal-renew-target-line table th, .deal-renew-history-target-line table th { text-align: center } .jy-editor-renew-summary table td, .deal-renew-target-line table td, .deal-renew-history-target-line table td { background: #fff !important } .jy-editor-renew-summary table.info1 tr, .deal-renew-target-line table.info1 tr, .deal-renew-history-target-line table.info1 tr { border: 1px solid #ddd } .jy-editor-renew-summary table.info1 th, .deal-renew-target-line table.info1 th, .deal-renew-history-target-line table.info1 th { background: #f5f5f5 } .jy-editor-renew-summary table.info2 tr, .deal-renew-target-line table.info2 tr, .deal-renew-history-target-line table.info2 tr { border: 1px solid #ddd; border-top: 0 } .jy-editor-renew-summary table.info2 th, .jy-editor-renew-summary table.info2 td, .deal-renew-target-line table.info2 th, .deal-renew-target-line table.info2 td, .deal-renew-history-target-line table.info2 th, .deal-renew-history-target-line table.info2 td { border: 0 !important } .jy-editor-renew-summary table.info2 th, .deal-renew-target-line table.info2 th, .deal-renew-history-target-line table.info2 th { background: #fff !important; color: #999 } .deal-renew-target-line>div { margin-top: 4px } .deal-renew-history-target-line>div { margin-top: 0 } .jy-editor-contents { margin-top: 15px } .jy-editor-actions h1, .jy-editor-settlements h1 { line-height: 30px; margin-bottom: 3px; font-size: 18px } .jy-editor-actions .alert { margin-bottom: 7px } .jy-editor-wallet_txn { margin: 0 0 6px; padding: 0 } .jy-editor-wallet_txn table.wallet_txn-line-table { margin: 4px 0 8px; border-radius: 4px; border: 1px solid #d6d6d6; border-collapse: separate; width: 100% } .jy-editor-wallet_txn table.wallet_txn-line-table tbody tr { border: 0 } .jy-editor-wallet_txn table.wallet_txn-line-table tbody tr th, .jy-editor-wallet_txn table.wallet_txn-line-table tbody tr td { border: 0; padding: 4px 5px; vertical-align: middle } .jy-editor-wallet_txn table.wallet_txn-line-table tbody tr th { background-color: #d6d6d6; width: 70px } .jy-editor-wallet_txn table.wallet_txn-line-table tbody tr td { background-color: #f0f0f0 } .jy-editor-wallet_txn table.wallet_txn-line-table tbody tr td.date-cell { width: 110px } .jy-editor-wallet_txn table.wallet_txn-line-table tbody tr td.wallet_txn_amount { width: 90px } .jy-editor-wallet_txn table.wallet_txn-line-table tbody tr td.wallet_txn_link { width: 80px; text-align: right } .react-jy-editor .btn:not (:last-child), .react-deal-renew-editor .btn:not(:last-child), .react-deal-renew-accrual-modal .btn:not (:last-child) { margin-right: 4px } .react-jy-editor .btn-group .btn, .react-deal-renew-editor .btn-group .btn, .react-deal-renew-accrual-modal .btn-group .btn { margin: 0 } .react-jy-editor .industry-code-select select, .react-deal-renew-editor .industry-code-select select, .react-deal-renew-accrual-modal .industry-code-select select { margin-right: 4px } .react-jy-editor .input-line-amount, .react-deal-renew-editor .input-line-amount, .react-deal-renew-accrual-modal .input-line-amount { margin: 0 4px } .react-jy-editor .input-line-tax-method { margin: 0px 4px 0px 14px } .react-jy-editor input[type=checkbox], .react-deal-renew-editor input[type=checkbox], .react-deal-renew-accrual-modal input[type=checkbox] { margin-right: 4px } .react-jy-editor .settlement-actions .btn:not (:last-child), .react-deal-renew-editor .settlement-actions .btn:not(:last-child), .react-deal-renew-accrual-modal .settlement-actions .btn:not(:last-child) { margin-right: 2px } .react-jy-editor .jy-editor-lines-footer .lines-footer-btn-area, .react-deal-renew-editor .jy-editor-lines-footer .lines-footer-btn-area, .react-deal-renew-accrual-modal .jy-editor-lines-footer .lines-footer-btn-area { display: inline-block } .react-jy-editor .jy-editor-lines-footer .btn, .react-deal-renew-editor .jy-editor-lines-footer .btn, .react-deal-renew-accrual-modal .jy-editor-lines-footer .btn { margin-right: 8px } .react-jy-editor .renew-history-btn, .react-deal-renew-editor .renew-history-btn, .react-deal-renew-accrual-modal .renew-history-btn { margin-left: 4px } .react-jy-editor .btn-renew-line, .react-deal-renew-editor .btn-renew-line, .react-deal-renew-accrual-modal .btn-renew-line { cursor: pointer } .react-jy-editor .label-icon-side, .react-deal-renew-editor .label-icon-side, .react-deal-renew-accrual-modal .label-icon-side { padding-left: 2px } .react-jy-editor .wallet-txn-common, .react-deal-renew-editor .wallet-txn-common, .react-deal-renew-accrual-modal .wallet-txn-common { display: flex; flex-wrap: wrap } .react-jy-editor .wallet-txn-common .jy-editor-common-walletable, .react-deal-renew-editor .wallet-txn-common .jy-editor-common-walletable, .react-deal-renew-accrual-modal .wallet-txn-common .jy-editor-common-walletable { padding-right: 10px } .react-jy-editor .wallet-txn-common .jy-editor-common-issue-date, .react-deal-renew-editor .wallet-txn-common .jy-editor-common-issue-date, .react-deal-renew-accrual-modal .wallet-txn-common .jy-editor-common-issue-date { padding-right: 10px } .react-jy-editor .wallet-txn-common .jy-editor-common-partner, .react-deal-renew-editor .wallet-txn-common .jy-editor-common-partner, .react-deal-renew-accrual-modal .wallet-txn-common .jy-editor-common-partner { padding-right: 10px } .react-jy-editor .wallet-txn-common .jy-editor-common-ref, .react-deal-renew-editor .wallet-txn-common .jy-editor-common-ref, .react-deal-renew-accrual-modal .wallet-txn-common .jy-editor-common-ref { padding-right: 10px } .react-jy-editor .wallet-txn-common .jy-editor-common-template, .react-deal-renew-editor .wallet-txn-common .jy-editor-common-template, .react-deal-renew-accrual-modal .wallet-txn-common .jy-editor-common-template { padding-right: 10px } .deal-remove-preference-text { margin: 0 15px } .deal-remove-preference-text input { vertical-align: top; margin-right: 4px } .jy-editor-common { margin: 3px 0 } .jy-editor-common .tagify-tag-partner { max-width: 225px } .jy-editor-common .paid-inputs select { margin: 0 } .jy-lines-table table>tbody>tr>td input, .jy-lines-table table>tbody>tr>td select { margin: 0 } .jy-lines-table table.list-table>tbody>tr>td { padding: 4px } .jy-lines-table .vat_non_disp, .jy-lines-table .difference { display: none } .jy-lines-table.expanded { width: 928px } .jy-lines-table>table { border-left: none; border-right: none; border-bottom: none } .jy-lines-table>table th, .jy-lines-table>table tbody td { border-left: 1px solid #ddd; border-right: 1px solid #ddd } .jy-lines-table>table tfoot td { padding-left: 0 !important } .jy-lines-table .col-acount-item { padding: 8px 4px 4px; width: 1px } .jy-lines-table .col-acount-item .cell-account-item { white-space: nowrap } .jy-lines-table .col-acount-item .cell-account-item .fcb-help { white-space: normal } .jy-lines-table .col-tax { padding: 8px 4px 4px; width: 113px } .jy-lines-table .col-tax .input-mini { width: 125px } .jy-lines-table .col-amount { padding: 8px 4px 4px; width: 1px } .jy-lines-table .col-amount .btn { vertical-align: top } .jy-lines-table .col-amount .cell-amount-input { white-space: nowrap } .jy-lines-table .col-tags { padding: 8px 4px 4px; width: 153px } .jy-lines-table .col-description { padding: 8px 4px 4px; width: 142px } .jy-lines-table .col-description input { width: 126px } .jy-lines-table .col-vat { padding: 8px 4px 4px; width: 152px } .jy-lines-table .col-vat .input-vat { width: 62px } .animated-jy-lines-table { width: 100% } .animated-jy-lines-table .fade-enter { max-height: 0; overflow: hidden } .animated-jy-lines-table .fade-enter.fade-enter-active { max-height: 400px; transition: max-height 0.2s ease-in; overflow: hidden } .animated-jy-lines-table .fade-leave { max-height: 400px; overflow: hidden } .animated-jy-lines-table .fade-leave.fade-leave-active { max-height: 0; transition: max-height 0.2s; overflow: hidden } .deal-renew-history-lines, .jy-editor-lines { overflow-x: visible } @media screen and (min-width:1090px) { .jy-editor-lines { width: 100% } } .jy-editor-lines-positive .row, .jy-editor-lines-negative .row { padding: 0 } .jy-editor-lines-positive .input-line-amount, .jy-editor-lines-negative .input-line-amount { width: 75px } .jy-editor-lines-positive .icon-remove, .jy-editor-lines-negative .icon-remove { margin-left: -1px; line-height: 28px } .display-tax-change { margin: 10px 0; display: inline-block } .display-tax-change>input { display: inline-block } .jy-editor-lines-negative .line-amount-minus-sign { display: inline-block; font-size: 14px; width: 10px } .deal-contents-title { font-size: 18px; font-weight: bold; display: inline-block; height: 24px; vertical-align: middle } .deal-contents-title .line-box { margin-left: 3px } .deal-contents-openable { cursor: pointer } .jy-editor-lines-header { width: 920px; margin-bottom: 6px } .jy-editor-lines-header .total-amount, .jy-editor-lines-header .difference, .jy-editor-lines-footer .total-amount, .jy-editor-lines-footer .difference { margin: 0 10px } .jy-editor-lines-header .total-amount>label, .jy-editor-lines-header .difference>label, .jy-editor-lines-footer .total-amount>label, .jy-editor-lines-footer .difference>label { display: inline-block; margin-right: 10px } .jy-editor-lines-header .total-vat, .jy-editor-lines-footer .total-vat { margin: 0 10px } .jy-editor-lines-header .total-vat>label, .jy-editor-lines-footer .total-vat>label { margin-right: 10px; font-size: 12px } .jy-editor-lines-header .input-total-amount, .jy-editor-lines-header .input-difference, .jy-editor-lines-footer .input-total-amount, .jy-editor-lines-footer .input-difference { display: inline-block; width: 120px; padding-top: 0; padding-bottom: 0; margin-bottom: 0; border: 0; border-bottom: 1px solid #555; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; -webkit-box-shadow: red 0 0 0; -moz-box-shadow: red 0 0 0; box-shadow: red 0 0 0; background: none; cursor: text; font-size: 16px } .jy-editor-lines-header .input-total-vat, .jy-editor-lines-footer .input-total-vat { display: inline-block; width: 96px; padding-top: 0; padding-bottom: 0; margin-bottom: 0; border: 0; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; -webkit-box-shadow: red 0 0 0; -moz-box-shadow: red 0 0 0; box-shadow: red 0 0 0; background: none; cursor: text; font-size: 12px } .jy-editor button.disabled { cursor: not-allowed; background-color: #f8f8f8 } .jy-editor button.disabled:hover { background-color: #f8f8f8 } .jy-editor button.btn-danger.disabled { cursor: not-allowed; background-color: #bd362f } .jy-editor button.btn-danger.disabled:hover { background-color: #bd362f } .jy-editor button.btn-primary.disabled { cursor: not-allowed; background-color: #3476e3 } .jy-editor button.btn-primary.disabled:hover { background-color: #3476e3 } .jy-editor .summary-row { text-align: right } .jy-editor .btn-renew-line { display: inline-block } .jy-editor .total-area { display: inline-block; float: right } .jy-editor .total-area:before, .jy-editor .total-area:after { content: ""; display: table } .jy-editor .total-area:after { clear: both } .jy-editor .simple-renewed-summary { margin-top: 6px; line-height: 30px; border-bottom: 1px solid #ccc; font-weight: bold; text-align: right } .jy-editor .simple-renew-line:not (:last-child) { border-bottom: 1px dotted #ccc } .jy-editor .simple-renew-line-txn-date { display: inline-block; vertical-align: top } .jy-editor .simple-renew-account-item-name { display: inline-block; vertical-align: top; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 83px; text-align: left } .jy-editor .simple-renew-amount { display: inline-block; vertical-align: top; text-align: right; width: 75px; overflow: hidden } .jy-editor .jy-editor-contents-header { margin-bottom: 6px; height: 24px } .jy-editor .jy-editor-contents-body { width: 920px } .jy-editor .box { padding: 4px; border-radius: 4px; display: inline-block; line-height: 1; font-size: 10px; font-weight: bold; vertical-align: middle; margin-bottom: 3px; border: solid 1px } .jy-editor .box-resolved-comments-count { padding: 4px; border-radius: 4px; display: inline-block; line-height: 1; font-size: 10px; font-weight: bold; vertical-align: middle; margin-bottom: 3px; cursor: pointer; border: solid 1px #a4c520 } .jy-editor .box-raised-comments-count { padding: 4px; border-radius: 4px; display: inline-block; line-height: 1; font-size: 10px; font-weight: bold; vertical-align: middle; margin-bottom: 3px; cursor: pointer; border: solid 1px #c7243a } .jy-editor .deal-contents-summary-area { display: inline-block } .jy-editor .btn-jy-editor-right { float: right } .jy-editor .btn-jy-editor-right:before, .jy-editor .btn-jy-editor-right:after { content: ""; display: table } .jy-editor .btn-jy-editor-right:after { clear: both } #deals { background-color: #fff; min-height: 36px } #deals td.amount-cell { text-align: right } #deals tr.clickable:hover>td { background-color: #f5f5f5; cursor: pointer } #deals #menu-bar { position: relative; background-color: #737D93 } #deals #menu-bar .tab-select { padding: 0; border-bottom: 0 none; font-size: 0 } #deals #menu-bar .tab-select .tab { box-sizing: border-box; margin-right: 0; padding: 8px 24px; width: 200px; border-radius: 0; background-color: #737D93; color: #fff; font-size: 14px } #deals #menu-bar .tab-select .tab:hover { background-color: #94A5C6; text-decoration: none } #deals #menu-bar .tab-select .tab.active { background-color: #94A5C6 } #deals #menu-bar .deal_index_menu { position: absolute; top: 4px; right: 8px; font-size: 13px } #deals .deals-control .control-content { padding: 12px 8px 8px 16px } #deals .deals-control .control-content .action-buttons { padding: 0 0 8px; text-align: center } #deals .deals-control .control-content .action-buttons .btn { width: 150px; height: 28px } #deals .deals-control .control-content .action-buttons .btn i { margin-right: 3px } #deals a.control-toggle { float: left; color: #333; display: block; position: absolute; border: 1px solid #ccc; margin: 0 0 0 4px; width: 88px; box-sizing: border-box; font-size: 13px; background-color: #F6F6F6; text-decoration: none; padding: 4px 8px 4px 4px } #deals a.control-toggle:hover { text-decoration: none } #deals a.control-toggle.active { border-right: 1px solid #FFF; background-color: #FFF } #deals a.control-toggle .tab-label { display: inline-block; vertical-align: middle } #deals a.control-toggle .feature-icon { margin: 0; display: inline-block; vertical-align: middle; font-size: 16px; padding-right: 8px } #deals a.control-toggle .status-arrow { margin: 0; float: right; vertical-align: middle; display: inline-block; font-size: 18px } #deals .control-content { margin: 0 4px 10px 91px; border: 1px solid #ccc; -webkit-border-radius: 0 5px 5px 0; -moz-border-radius: 0 5px 5px 0; -ms-border-radius: 0 5px 5px 0; -o-border-radius: 0 5px 5px 0; border-radius: 0 5px 5px 0; min-height: 27px } #deals .walletable_select select { width: 150px } #deals .account_item>div, #deals .partner>div { display: inline-block } #deals .field-compact label { min-width: 60px } #deals .filter-buttons { padding: 0 0 8px; text-align: center } #deals .filter-buttons .btn { width: 150px; height: 28px } #deals .filter-buttons .btn i { margin-right: 3px } #deals .field-description input { width: 100px } .transfer-form .field-description input { width: 154px } .unsetteld-suggestions { margin: 28px 0 } .walletable-from-to-icon { padding: 4px; text-align: center; vertical-align: middle } #deals #form { position: relative; padding: 0; min-height: 36px } #deals #form .field-deal-templates { float: right } #deals #form .field-deal-templates .deal_template_combo_box { display: inline-block } #deals #form .field-deal-templates .deal_template_combo_box input.template-name-input { margin-bottom: 0 } #deals #form i.help.icon-question-sign { font-size: 16px } #deals #form .help-position { display: inline-block } #deals #form i.icon-question-sign { font-size: 16px } #deals #form .field-compact i.help.icon-question-sign { vertical-align: middle } #deals #form .field-wrap { display: inline-block; background-color: #e6e6e6; padding: 6px; margin-right: 0; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px } #deals #form .field-wrap .wrap-title { font-weight: bold; display: inline-block; vertical-align: top; padding: 4px 0 0 4px } #deals #form .field-without-wrap { display: inline-block; vertical-align: top } #deals #form .field-without-wrap label, #deals #form .field-without-wrap input { margin-top: 5px } #deals #form .field-description input { width: 170px; width: 195px } .deal-register-form { border: 1px solid #ccc; -webkit-box-shadow: 0px 0px 10px #ccc; -moz-box-shadow: 0px 0px 10px #ccc; box-shadow: 0px 0px 10px #ccc } .jy-editor-common input { margin: 0 } .jy-editor-common .status { display: inline-block; vertical-align: middle; margin: 6px; font-size: 20px } .jy-editor-common .settlement-status { display: inline-block; vertical-align: middle; margin: 6px; font-size: 20px } .jy-editor-common .issue-date { display: inline-block; vertical-align: middle; margin: 6px } .jy-editor-common .due-date { display: inline-block; vertical-align: middle; margin: 6px } .jy-editor-common .partner { height: 46px; height: 52px; display: inline-block; vertical-align: middle; margin: 6px } .jy-editor-common .ref-no { display: inline-block; vertical-align: middle; margin: 6px } .jy-editor-common .ref-no input { width: 132px } .deal-form { position: relative } .deal-form .line2 { margin-top: 3px } .deal-form .paid-inputs, .deal-form .unpaid-inputs { display: none } .deal-form .input-date-readonly, .deal-form .input-date { width: 90px } .deal-form .tag-container { width: 200px; padding-top: 1px } .deal-form .tag-container .tagify-long { width: 200px } .deal-form .note { margin-top: 1px } .deal-form .walletable_select select { width: 150px } .deal-base { width: 870px; margin: 15px auto; width: 850px } .deal-base .action-buttons { padding: 0 0 8px; text-align: center } .deal-base .action-buttons .btn { width: 150px; height: 28px } .deal-base .action-buttons .btn i { margin-right: 3px } .jy-lb-body table.deal-list, table.transfer-list { table-layout: fixed } .jy-lb-body table.deal-list tr.deal-list-summary td, table.transfer-list tr.deal-list-summary td { background-color: #63b1f8; color: #fff } .jy-lb-body table.deal-list tr.deal-list-summary td b, table.transfer-list tr.deal-list-summary td b { display: inline-block; min-width: 200px } .jy-lb-body table.deal-list tr.deal-list-summary td>span, table.transfer-list tr.deal-list-summary td>span { display: inline-block; min-width: 150px } .jy-lb-body table.deal-list tr.deal-list-summary td>span .number, table.transfer-list tr.deal-list-summary td>span .number { margin-left: 3px } .jy-lb-body table.deal-list th.account-item-cell, .jy-lb-body table.deal-list th.amount-cell, .jy-lb-body table.deal-list th.charge-cell, .jy-lb-body table.deal-list td.account-item-cell, .jy-lb-body table.deal-list td.amount-cell, .jy-lb-body table.deal-list td.charge-cell, table.transfer-list th.account-item-cell, table.transfer-list th.tax-cell, table.transfer-list th.amount-cell, table.transfer-list th.charge-cell, table.transfer-list td.account-item-cell, table.transfer-list td.tax-cell, table.transfer-list td.amount-cell, table.transfer-list td.charge-cell { width: 110px } .jy-lb-body table.deal-list td.tax-cell, .jy-lb-body table.deal-list th.tax-cell { width: 145px } .jy-lb-body table.deal-list tbody tr td, table.transfer-list tbody tr td { border-top: 1px solid #ddd } .jy-lb-body table.deal-list tbody tr.deal-first-line td, table.transfer-list tbody tr.deal-first-line td { border-top: 1px solid #999 } .jy-lb-body table.deal-list tbody tr td.blank-cell, table.transfer-list tbody tr td.blank-cell { border-top: 1px solid transparent } .jy-lb-body table.deal-list tbody tr.multi-line .account-item-cell, table.transfer-list tbody tr.multi-line .account-item-cell { border-left: 1px solid #ddd } .jy-lb-body table.deal-list td.amount-label, table.transfer-list td.amount-label { text-align: right; font-size: 13px; font-weight: bold } #filter { background-color: #fff } #filter .base { padding: 0 20px; display: none } #filter .base .lines { margin: 10px 0px } #filter .base .lines .line { position: relative; margin: 0; padding: 5px 0px } #filter .base .lines .line .action-buttons { padding: 0 0 8px; text-align: center } #filter .base .lines .line .action-buttons .btn { width: 150px; height: 28px } #filter .base .lines .line .action-buttons .btn i { margin-right: 3px } #filter .base .lines .line .remove-button { position: absolute; top: 7px } #filter .transfer-filter { display: none } #filter .btn-title-with-icon { margin-right: 5px } #bulk-editor { background-color: #fff } #bulk-editor .bulk-editor { border-top: 1px solid #e3e3e3; padding: 0 20px; overflow: visible; display: none } #bulk-editor .bulk-editor .bulk-editor-body { position: relative; margin: 0; padding: 15px 10px 6px } #bulk-editor .bulk-editor .bulk-editor-body .bulk-editor-line { background: #f6f6f6; border: 1px solid #e3e3e3; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; margin: auto; padding: 20px } #bulk-editor .bulk-editor .bulk-editor-body .bulk-editor-line input { display: inline } #bulk-editor .bulk-editor .bulk-editor-body .bulk-editor-line .input { width: 100px } #bulk-editor .bulk-editor .bulk-editor-body .bulk-editor-line .input-tax { width: 110px } #bulk-editor .bulk-editor .bulk-editor-body .bulk-editor-line .input-wider { width: 120px } #bulk-editor .bulk-editor .bulk-editor-body .bulk-editor-line .input-widest { width: 130px } #bulk-editor .bulk-editor .bulk-editor-body .bulk-editor-line .tagify-container span.tagify-tag { max-width: 150px; position: relative; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; max-width: 150px; padding-right: 15px } #bulk-editor .bulk-editor .bulk-editor-body .bulk-editor-line .tagify-container span.tagify-tag .remove { position: absolute; top: 1px; right: 3px } #bulk-editor .bulk-editor .bulk-editor-body .attention { font-weight: 900; margin-bottom: 14px } #bulk-editor .bulk-editor .bulk-editor-body .bulk-editor-btn { position: relative; height: 50px; text-align: center } #bulk-editor .bulk-editor .bulk-editor-body .bulk-editor-btn .bulk-editor-confirm { margin-top: 10px; width: 193px } .bulk-editor-confirm .body table, .bulk-make-settlement-confirm .body table, .bulk-destroy-settlement-confirm .body table { max-width: 480px; margin: 10px auto } .bulk-editor-confirm .body table .table-label, .bulk-make-settlement-confirm .body table .table-label, .bulk-destroy-settlement-confirm .body table .table-label { white-space: nowrap } .bulk-editor-confirm .body table .table-data, .bulk-make-settlement-confirm .body table .table-data, .bulk-destroy-settlement-confirm .body table .table-data { padding-left: 20px; min-width: 100px } .bulk-editor-confirm .body .attention, .bulk-make-settlement-confirm .body .attention, .bulk-destroy-settlement-confirm .body .attention { font-weight: bold } .bulk-editor-confirm .footer, .bulk-make-settlement-confirm .footer, .bulk-destroy-settlement-confirm .footer { clear: both } #bulk-settlement { background-color: #fff } #bulk-settlement .bulk-settlement { border-top: 1px solid #e3e3e3; padding: 0px 20px 20px; overflow: visible; display: none } #bulk-settlement .bulk-settlement .destroy-settlement { position: relative; padding-left: 16px; border-left: 1px solid #ccc } #bulk-settlement .bulk-settlement .destroy-settlement:after { position: absolute; top: 0; left: -1px; width: 1px; border-left: 1px solid #fff; display: block; content: "\a0"; padding-bottom: 4px } #bulk-settlement .bulk-settlement .bulk-settlement-body { position: relative; margin: 0; padding: 15px 10px 6px } #bulk-settlement .bulk-settlement .bulk-settlement-body .attention { font-weight: 900; margin-bottom: 14px } #bulk-settlement .bulk-settlement .bulk-settlement-body .input-date { width: 90px } #bulk-settlement .bulk-settlement .bulk-settlement-body .bulk-editor-btn { position: relative; height: 50px; text-align: center } #bulk-settlement .bulk-settlement .bulk-settlement-body .bulk-editor-btn .bulk-editor-confirm { margin-top: 10px; width: 193px } .bulk-destroyer .bulk-destroyer-title { height: 27px; padding: 4px 5px 0; border-bottom: 2px solid #F6F6F6; font-size: 15px } .bulk-destroyer .bulk-destroyer-title .dialog-title { padding-top: 1px } .bulk-destroyer .bulk-destroyer-title .icon-remove { cursor: pointer } .bulk-destroyer .bulk-destroyer-body { position: relative; margin: 0; padding: 15px 10px 6px } .bulk-destroyer .bulk-destroyer-body .attention { font-weight: 900; margin-bottom: 14px } .bulk-destroyer .bulk-destroyer-body #bulk-destroyer-checkbox { margin-right: 10px } .bulk-destroyer .bulk-destroyer-btn { width: 400px; margin: auto } .bulk-destroyer .bulk-destroyer-btn .bulk-destroyer-cancel { width: 193px; margin-right: 10px } .bulk-destroyer .bulk-destroyer-btn .bulk-destroyer-confirm { width: 193px } .deal-destroy-dialog { width: 540px; height: 220px } .deal-destroy-dialog .footer { margin: auto } .deal-destroy-dialog .footer .cancel { width: 193px; margin-right: 10px } .deal-destroy-dialog .footer .confirm { width: 193px } .deal-destroy-dialog label { display: inline; padding-left: 10px } .jy-editor-comments { width: 920px } .jy-editor-history { width: 920px } .jy-editor-footer-right { float: right; width: 45%; margin: 12px 0 0 } .deal-settlements-table, .deal-renews { width: 920px } .deal-settlements-table>table, .deal-renews>table { border-left: none; border-right: none; border-bottom: none } .deal-settlements-table>table th, .deal-settlements-table>table tbody td, .deal-renews>table th, .deal-renews>table tbody td { border-left: 1px solid #ddd; border-right: 1px solid #ddd; border-bottom: 1px solid #ddd } .deal-settlements-table>table tfoot td, .deal-renews>table tfoot td { padding-left: 0 !important } .deal-settlements-table .col-settlement-method, .deal-renews .col-settlement-method { width: 118px } .deal-settlements-table .col-walletable-name, .deal-renews .col-walletable-name { width: 190px } .deal-settlements-table .col-settlement-amount, .deal-renews .col-settlement-amount { width: 100px } .deal-settlements-table .col-txn-date, .deal-renews .col-txn-date { width: 86px } .deal-settlements-table .col-wallet-txn-description, .deal-renews .col-wallet-txn-description { width: 300px } .deal-settlements-table .col-settlement-actions i, .deal-renews .col-settlement-actions i { margin: 0 5px; font-size: 14px } .deal-settlements-table .renew-amount, .deal-settlements-table .settlement-amount, .deal-renews .renew-amount, .deal-renews .settlement-amount { text-align: right } .deal-settlements-table .list-table .settlement-actions, .deal-renews .list-table .settlement-actions { padding: 4px } .deal-settlements-header { margin-bottom: 6px } .animated-deal-settlements-table { width: 100% } .animated-deal-settlements-table .fade-enter { max-height: 0; overflow: hidden } .animated-deal-settlements-table .fade-enter.fade-enter-active { max-height: 400px; transition: max-height 0.2s ease-in; overflow: hidden } .animated-deal-settlements-table .fade-leave { max-height: 400px; overflow: hidden } .animated-deal-settlements-table .fade-leave.fade-leave-active { max-height: 0; transition: max-height 0.2s; overflow: hidden } .summary-display-area { display: inline-block; width: 300px; line-height: 30px; height: 30px; text-align: right } .summary-display-area .due-amount { margin: 0 10px; display: inline-block } .summary-display-area .due-amount>label { display: inline-block; margin-right: 10px } .summary-display-area .due-amount input { width: 120px; display: inline-block; padding-bottom: 0; border: 0; border-bottom: 1px solid #555; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; background: none; cursor: text; font-size: 16px; -webkit-box-shadow: red 0 0 0; -moz-box-shadow: red 0 0 0; box-shadow: red 0 0 0 } .settlement-form .control-label { width: 120px } .settlement-form .controls { margin-left: 140px } .settlement-form .over-amount-error { color: #c7243a; margin: 0 } .settlement-form .settlement-form-actions { text-align: center; padding-top: 5px; margin-bottom: 5px } .settlement-form .settlement-form-actions .controls { margin-left: 0 } .jy-editor-receipts { padding-bottom: 10px } .jy-editor-receipts .receipt { display: inline-block; padding: 0 0 20px 10px; vertical-align: top } .jy-editor-receipts .receipt .number { padding: 0 0 2px 2px } .jy-editor-receipts .receipt img { -webkit-box-shadow: rgba(0, 0, 0, 0.1) 2px 2px 2px 2px; -moz-box-shadow: rgba(0, 0, 0, 0.1) 2px 2px 2px 2px; box-shadow: rgba(0, 0, 0, 0.1) 2px 2px 2px 2px; width: 180px } .jy-editor-receipts .receipt canvas { -webkit-box-shadow: rgba(0, 0, 0, 0.1) 2px 2px 2px 2px; -moz-box-shadow: rgba(0, 0, 0, 0.1) 2px 2px 2px 2px; box-shadow: rgba(0, 0, 0, 0.1) 2px 2px 2px 2px; width: 180px } .jy-editor-receipts .receipt .buttons-group { margin-top: 10px; text-align: center } .jy-editor-receipts .receipt .buttons-group .btn { margin: 0 5px } .copy-invoice-modal { width: 400px } .copy-invoice-modal .footer { padding: 10px 20px; text-align: center; border: 0 } .copy-invoice-modal .footer .btn { min-width: 300px; font-size: 13px; padding: 9px 5px; margin-bottom: 20px } .deal-renew-form .alert.alert-error { display: none; text-align: center } .deal-notifier-area { margin-left: 191px } .deal-notifier-area .deal-notifier p { -webkit-transition: 0.2s linear; -moz-transition: 0.2s linear; -o-transition: 0.2s linear; transition: 0.2s linear; -webkit-transition-property: height, opacity; -moz-transition-property: height, opacity; -o-transition-property: height, opacity; transition-property: height, opacity; margin: -10px 0 8px; opacity: 1; height: 18px } .deal-notifier-area .deal-notifier.hidden p { margin: 0; opacity: 0; height: 0 } .deal-contents-arrow { font-size: 13px; cursor: pointer; display: inline-block } .deal-contents-arrow.opened { transform: rotate(-180deg) } .jy-editor-header { display: table; width: 100% } .jy-editor-action-area { display: table-cell } .modal-content.deal-renew-history-modal { width: 940px; height: 600px; overflow-y: auto } .modal-content.deal-renew-history-modal .body table { margin: 0 } .modal-content.deal-renew-history-modal .btn-close { float: right } .renew-accrual-popup .btn-renew-line { display: inline-block; cursor: pointer } .modal-content.deal-renew-history-modal button.disabled, .deal-renew-form button.disabled, .hand-record-editor button.disabled { cursor: not-allowed; background-color: #f8f8f8 } .modal-content.deal-renew-history-modal button.disabled:hover, .deal-renew-form button.disabled:hover, .hand-record-editor button.disabled:hover { background-color: #f8f8f8 } .modal-content.deal-renew-history-modal button.btn-danger.disabled, .deal-renew-form button.btn-danger.disabled, .hand-record-editor button.btn-danger.disabled { cursor: not-allowed; background-color: #bd362f } .modal-content.deal-renew-history-modal button.btn-danger.disabled:hover, .deal-renew-form button.btn-danger.disabled:hover, .hand-record-editor button.btn-danger.disabled:hover { background-color: #bd362f } .modal-content.deal-renew-history-modal button.btn-primary.disabled, .deal-renew-form button.btn-primary.disabled, .hand-record-editor button.btn-primary.disabled { cursor: not-allowed; background-color: #39d } .modal-content.deal-renew-history-modal button.btn-primary.disabled:hover, .deal-renew-form button.btn-primary.disabled:hover, .hand-record-editor button.btn-primary.disabled:hover { background-color: #39d } .modal-content.deal-renew-history-modal .summary-row, .deal-renew-form .summary-row, .hand-record-editor .summary-row { text-align: right } .modal-content.deal-renew-history-modal .btn-renew-line, .deal-renew-form .btn-renew-line, .hand-record-editor .btn-renew-line { display: inline-block } .modal-content.deal-renew-history-modal .total-area, .deal-renew-form .total-area, .hand-record-editor .total-area { display: inline-block; float: right } .modal-content.deal-renew-history-modal .total-area:before, .modal-content.deal-renew-history-modal .total-area:after, .deal-renew-form .total-area:before, .deal-renew-form .total-area:after, .hand-record-editor .total-area:before, .hand-record-editor .total-area:after { content: ""; display: table } .modal-content.deal-renew-history-modal .total-area:after, .deal-renew-form .total-area:after, .hand-record-editor .total-area:after { clear: both } .modal-content.deal-renew-history-modal .simple-renewed-summary, .deal-renew-form .simple-renewed-summary, .hand-record-editor .simple-renewed-summary { margin-top: 6px; line-height: 30px; border-bottom: 1px solid #ccc; font-weight: bold; text-align: right } .modal-content.deal-renew-history-modal .simple-renew-line:not (:last-child), .deal-renew-form .simple-renew-line:not (:last-child), .hand-record-editor .simple-renew-line:not (:last-child) { border-bottom: 1px dotted #ccc } .modal-content.deal-renew-history-modal .simple-renew-line-txn-date, .deal-renew-form .simple-renew-line-txn-date, .hand-record-editor .simple-renew-line-txn-date { display: inline-block; vertical-align: top } .modal-content.deal-renew-history-modal .simple-renew-account-item-name, .deal-renew-form .simple-renew-account-item-name, .hand-record-editor .simple-renew-account-item-name { display: inline-block; vertical-align: top; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 83px; text-align: left } .modal-content.deal-renew-history-modal .simple-renew-amount, .deal-renew-form .simple-renew-amount, .hand-record-editor .simple-renew-amount { display: inline-block; vertical-align: top; text-align: right; width: 75px; overflow: hidden } .modal-content.deal-renew-history-modal .jy-editor-contents-header, .deal-renew-form .jy-editor-contents-header, .hand-record-editor .jy-editor-contents-header { margin-bottom: 6px; height: 24px } .modal-content.deal-renew-history-modal .jy-editor-contents-body, .deal-renew-form .jy-editor-contents-body, .hand-record-editor .jy-editor-contents-body { width: 920px } .modal-content.deal-renew-history-modal .box, .deal-renew-form .box, .hand-record-editor .box { padding: 4px; border-radius: 4px; display: inline-block; line-height: 1; font-size: 10px; font-weight: bold; vertical-align: middle; margin-bottom: 3px; border: solid 1px } .modal-content.deal-renew-history-modal .box-resolved-comments-count, .deal-renew-form .box-resolved-comments-count, .hand-record-editor .box-resolved-comments-count { padding: 4px; border-radius: 4px; display: inline-block; line-height: 1; font-size: 10px; font-weight: bold; vertical-align: middle; margin-bottom: 3px; cursor: pointer; border: solid 1px #a4c520 } .modal-content.deal-renew-history-modal .box-raised-comments-count, .deal-renew-form .box-raised-comments-count, .hand-record-editor .box-raised-comments-count { padding: 4px; border-radius: 4px; display: inline-block; line-height: 1; font-size: 10px; font-weight: bold; vertical-align: middle; margin-bottom: 3px; cursor: pointer; border: solid 1px #c7243a } .modal-content.deal-renew-history-modal .deal-contents-summary-area, .deal-renew-form .deal-contents-summary-area, .hand-record-editor .deal-contents-summary-area { display: inline-block } .modal-content.deal-renew-history-modal .btn-jy-editor-right, .deal-renew-form .btn-jy-editor-right, .hand-record-editor .btn-jy-editor-right { float: right } .modal-content.deal-renew-history-modal .btn-jy-editor-right:before, .modal-content.deal-renew-history-modal .btn-jy-editor-right:after, .deal-renew-form .btn-jy-editor-right:before, .deal-renew-form .btn-jy-editor-right:after, .hand-record-editor .btn-jy-editor-right:before, .hand-record-editor .btn-jy-editor-right:after { content: ""; display: table } .modal-content.deal-renew-history-modal .btn-jy-editor-right:after, .deal-renew-form .btn-jy-editor-right:after, .hand-record-editor .btn-jy-editor-right:after { clear: both } .modal-content.deal-renew-history-modal .deal-attachment-actions, .deal-renew-form .deal-attachment-actions, .hand-record-editor .deal-attachment-actions { float: right } .modal-content.deal-renew-history-modal .deal-attachment-actions:before, .modal-content.deal-renew-history-modal .deal-attachment-actions:after, .deal-renew-form .deal-attachment-actions:before, .deal-renew-form .deal-attachment-actions:after, .hand-record-editor .deal-attachment-actions:before, .hand-record-editor .deal-attachment-actions:after { content: ""; display: table } .modal-content.deal-renew-history-modal .deal-attachment-actions:after, .deal-renew-form .deal-attachment-actions:after, .hand-record-editor .deal-attachment-actions:after { clear: both } .modal-content.deal-renew-history-modal .deal-attachment-actions .btn, .deal-renew-form .deal-attachment-actions .btn, .hand-record-editor .deal-attachment-actions .btn { margin-bottom: 5px } .modal-content.deal-renew-history-modal .deal-attachment-action, .deal-renew-form .deal-attachment-action, .hand-record-editor .deal-attachment-action { font-size: 14px; line-height: 16px; margin-left: 10px; display: inline-block } .modal-content.first-deal-modal { width: 754px; height: 400px } .modal-content.first-deal-modal .body .features .feature { display: inline-block; width: 340px; height: 300px; margin: 10px } .modal-content.first-deal-modal .body .features .feature .title { font-weight: bold; font-size: 16px } .modal-content.first-deal-modal .body .features .feature .title img { width: 24px } .modal-content.first-deal-modal .body .features .feature .image { margin: 10px 0 } .modal-content.first-deal-modal .body .features .feature .image img { width: 340px; height: 140px } .modal-content.first-deal-modal .body .features .feature .actions { text-align: center } .help-balloon.subsidiary-partner-info, .help-balloon.subsidiary-item-info { width: 188px; top: 30px } .help-balloon.subsidiary-partner-info:before, .help-balloon.subsidiary-partner-info:after, .help-balloon.subsidiary-item-info:before, .help-balloon.subsidiary-item-info:after { top: 5px; border-width: 8px 8px 8px 0 } .help-balloon.subsidiary-partner-info:before, .help-balloon.subsidiary-item-info:before { left: -9px; border-color: transparent #e3e3e3 transparent transparent } .help-balloon.subsidiary-partner-info:after, .help-balloon.subsidiary-item-info:after { left: -8px; border-color: transparent #fff transparent transparent } .help-balloon.subsidiary-partner-info { left: 322px } .help-balloon.subsidiary-item-info { left: 414px } .no-boder { border: none !important } #success .diaglog_tag_table { display: table; height: 119px; min-height: 0; width: auto } #success .diaglog_tag_table #tag-category { width: 160px } .modal-content.doc-preview .header { position: relative } .modal-content.doc-preview .header .type-buttons { position: absolute; top: 6px; right: 6px; margin-bottom: 8px } .modal-content.doc-preview .body .preview-wrapper .unsupported-message { text-align: center; padding: 20px 0 } .layout-selector .btn-groups { float: left; margin: 10px } .layout-selector .preview-area { width: 550px; min-height: 500px; margin-left: auto; margin-right: auto } .layout-selector .preview-area img { width: 550px } .invoices-index .invoices-tab-container .tabs { display: -ms-flexbox; display: flex; margin-top: 20px } .invoices-index .invoices-tab-container .setting-link { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; margin-left: auto } .page-container .invoices-new { border: none } .invoice-tabs.tab-select { margin-top: 20px } .modal-content.guide { width: 700px } .modal-content.guide .header { background-color: #6c94d8 } .modal-content.guide .header a.close-button { color: #FFF } .modal-content.guide .body { display: table; margin: 0 auto; width: 700px; height: 350px } .modal-content.guide .column { display: table-cell; width: 50px } .modal-content.guide .column.main { width: 400px; margin: 0 auto } .modal-content.guide .contents .message { text-align: center } .modal-content.guide .contents .title { font-size: 28px; margin: 20px auto; color: gray; -webkit-animation: guide-slide 1s linear 0.3s both; -moz-animation: guide-slide 1s linear 0.3s both; -o-animation: guide-slide 1s linear 0.3s both; animation: guide-slide 1s linear 0.3s both } .modal-content.guide .contents .title3 { font-size: 28px; margin: 20px auto; color: gray } .modal-content.guide .contents .sub-title { font-size: 18px; line-height: 24px; margin: 15px auto; -webkit-animation: guide-fadein 0.5s linear 1.5s both; -moz-animation: guide-fadein 0.5s linear 1.5s both; -o-animation: guide-fadein 0.5s linear 1.5s both; animation: guide-fadein 0.5s linear 1.5s both } .modal-content.guide .contents .footer { font-size: 18px; -webkit-animation: guide-fadein 1s linear 3s both; -moz-animation: guide-fadein 1s linear 3s both; -o-animation: guide-fadein 1s linear 3s both; animation: guide-fadein 1s linear 3s both } .modal-content.guide .contents .image { text-align: center; margin: 10px auto; -webkit-animation: guide-bound 0.8s cubic-bezier(0.76, 0.11, 0.85, 0.97) 2s both; -moz-animation: guide-bound 0.8s cubic-bezier(0.76, 0.11, 0.85, 0.97) 2s both; -o-animation: guide-bound 0.8s cubic-bezier(0.76, 0.11, 0.85, 0.97) 2s both; animation: guide-bound 0.8s cubic-bezier(0.76, 0.11, 0.85, 0.97) 2s both } .modal-content.guide .guide-pagination { vertical-align: middle; text-align: center; height: 36px; margin: 18px 0 } .modal-content.guide .guide-pagination .next, .modal-content.guide .guide-pagination .prev { cursor: pointer } .modal-content.guide .guide-pagination img { width: 50px } .modal-content.guide .second-page img { width: 400px } .modal-content.guide .third-page .features { width: 550px; margin: 0 auto; padding: 20px 0; text-align: center } .modal-content.guide .third-page .features .feature { display: inline-block; text-align: center; width: 275px } .modal-content.guide .third-page .features .feature .feature-base { height: 160px } .modal-content.guide .third-page .features .feature .feature-base .feature-title { font-size: 15px; color: #0A71B0; font-weight: bold } .modal-content.guide .third-page .features .feature .feature-base .image { -webkit-animation: guide-bound 0.8s cubic-bezier(0.76, 0.11, 0.85, 0.97) 1s both; -moz-animation: guide-bound 0.8s cubic-bezier(0.76, 0.11, 0.85, 0.97) 1s both; -o-animation: guide-bound 0.8s cubic-bezier(0.76, 0.11, 0.85, 0.97) 1s both; animation: guide-bound 0.8s cubic-bezier(0.76, 0.11, 0.85, 0.97) 1s both; margin: 15px auto } .modal-content.guide .third-page .features .feature .feature-base .image img { height: 80px } .modal-content.guide .third-page .features .feature .feature-action { margin-top: 20px } .modal-content.guide .third-page .features .feature .feature-action .btn { padding: 8px 25px } #item_page .item-col { width: 140px; margin-right: 20px; float: left } #item_page .item-col .category-account_item { width: 100px } #item_page td.action-icon { width: 44px; text-align: center } #login-page img.title-logo { width: 280px; margin: 24px auto; display: block } #login-page .container { box-sizing: border-box; margin: 8px auto; padding: 20px; width: 410px; background-color: #fff; border: 1px solid #e3e3e3; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px } #login-page .container .input-form { padding: 0 0 15px; margin: 0 auto; border-bottom: 1px solid #e3e3e3 } #login-page .container .input-form .field { margin-bottom: 16px } #login-page .container .input-form label, #login-page .container .input-form input[type="text"], #login-page .container .input-form input[type="email"], #login-page .container .input-form input[type="password"] { box-sizing: border-box; height: auto; display: block; width: 100% } #login-page .container .input-form label { font-weight: bold; font-size: 16px; margin: 0 auto 10px } #login-page .container .input-form input[type="text"], #login-page .container .input-form input[type="email"], #login-page .container .input-form input[type="password"] { padding: 9px 6px; font-size: 16px; margin: 0 } #login-page .container .input-form .button-wrapper { text-align: center } #login-page .container .input-form .submit-button { width: 100%; display: block; margin: 8px auto 0; font-size: 22px; padding-top: 14px; padding-bottom: 14px } #login-page .container .input-form .devise-shared-links { padding-top: 8px; text-align: center } #login-page .sign-up-link { text-align: center; margin-bottom: 60px } #login-page .container .single-sign-on-buttons { margin: 15px auto 0 } #login-page .container .single-sign-on-buttons .btn { padding-top: 14px; padding-bottom: 14px; box-sizing: border-box; font-size: 18px; display: block; width: 100%; margin: 0 auto } #login-page .container .single-sign-on-buttons .office365 img, #login-page .container .single-sign-on-buttons .microsoft img { width: 20px; height: 20px; margin-right: 10px } #login-page .container .single-sign-on-buttons .help-policy { display: none; position: absolute; box-sizing: border-box; box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.2); margin-left: 10px; margin-top: 5px; padding: 5px; width: 200px; background: #fff; border: 1px solid #f1f1f1; border-radius: 8px; z-index: 1000 } #login-page .container .single-sign-on-buttons:hover .help-policy { display: inline; color: #666 } @media screen and (max-width:768px) { .responsive #login-page .title-logo { width: 180px; margin-top: 4px; margin-bottom: 4px } .responsive #login-page .container { margin: 8px 10px; padding: 10px; width: auto } .responsive #login-page .input-form { width: auto; padding: 8px 0 } .responsive #login-page .sign-up-link { margin-bottom: 8px } .responsive #login-page .container .single-sign-on-buttons { width: auto; text-align: center } .responsive #login-page .container .single-sign-on-buttons .btn { font-size: 13px; padding: 6px 4px } } #hand_record_page .selector-form { margin-top: 10px } #hand_record_page .action-buttons { margin: 15px 0; padding: 0 0 15px; border-bottom: 1px solid #ccc } #hand_record_page .action-buttons .btn { float: left; margin-right: 10px } #hand_record_page .action-buttons .deal-list-link { float: right; padding-right: 20px; padding-top: 10px } #hand_record_page .hand-record-editor.update { padding-top: 15px; border-top: 1px solid #e3e3e3 } #hand_record_page .hand-record-editor .line-items { margin: 0 -20px } #hand_record_page .list-actions { padding: 7px 10px; min-height: 29px; background: -owg-linear-gradient(top, #fcfcfc, #f2f2f2); background: -webkit-linear-gradient(top, #fcfcfc, #f2f2f2); background: -moz-linear-gradient(top, #fcfcfc, #f2f2f2); background: -o-linear-gradient(top, #fcfcfc, #f2f2f2); -pie-background: -pie-linear-gradient(top, #fcfcfc, #f2f2f2); background: linear-gradient(top, #fcfcfc, #f2f2f2); border-top: 1px solid #e3e3e3; background-color: #fff } #hand_record_page .list-actions .limit-selector { float: right; display: inline-block } #hand_record_page .list-actions .limit-selector-label { vertical-align: middle } #hand_record_page .list-actions .limit-select { width: 70px; margin: 0 2px } #hand_record_page .bulk-editor .bulk-editor-line { padding: 10px } #hand_record_page .bulk-editor .bulk-editor-line select[name='entry_side'], #hand_record_page .bulk-editor .bulk-editor-line select.input-tax, #hand_record_page .bulk-editor .bulk-editor-line .input-wider { width: 80px } #hand_record_page .bulk-editor .bulk-editor-line select[name='subject'], #hand_record_page .bulk-editor .bulk-editor-line select.input-tax, #hand_record_page .bulk-editor .bulk-editor-line .input-wider { width: 130px } #hand_record_page .bulk-editor .bulk-editor-line input { display: inline } #hand_record_page .bulk-editor .attention { font-weight: 900; margin: 10px; list-style: none } #hand_record_page .bulk-editor .attention li { line-height: 20px } #hand_record_page .bulk-editor .attention li.warn { color: #d9534f } #hand_record_page table input, #hand_record_page table textarea, #hand_record_page table select { margin-bottom: 0 } #hand_record_page table .doc-remove-line { color: #A6A6A6 } #hand_record_page table .doc-remove-line:hover { text-decoration: none; color: #c7243a } #hand_record_page table .doc-remove-line .icon-remove { line-height: 28px } #hand_record_page #process { color: #A6A6A6 } #hand_record_page #process #process_breadcrumb { font-weight: bold; color: #000 } #hand_record_page .support .h1-description li { font-size: 13px } #hand_record_page .support .introduction { margin: 10px 0; box-shadow: #e2e2e2 0 0 1px 1px; width: 400px } #hand_record_page .support .introduction .inner { padding: 10px } #hand_record_page .support .introduction .inner .header { padding-bottom: 10px } #hand_record_page .support .introduction .inner .header .title { display: inline-block; font-weight: bold; padding-right: 10px } #hand_record_page .support .introduction .inner .header .help { display: inline-block; font-size: 12px } #hand_record_page .support .introduction .inner .description ul { list-style: decimal } #hand_record_page .support .file-input { height: 80px } #hand_record_page .support .file-input .file-info { padding-left: 500px } #hand_record_page .support .file-input .file-info .file-name { font-size: 15px } #hand_record_page .support .file-error { width: 400px; font-size: 15px; display: none } #hand_record_page .support .file-input .file-name { display: none; font-size: 18px; width: 450px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; margin-top: 25px } #hand_record_page .support .section .body { padding-left: 25px } #hand_record_page .support .section .horizontal-field label { display: inline-block; padding-right: 10px } #hand_record_page .support .section .horizontal-field label .choice { vertical-align: middle } #hand_record_page .support .section .horizontal-field input, #hand_record_page .support .section .horizontal-field p { display: inline-block; margin-top: 5px } #hand_record_page .support #answer_comment { width: 400px } #hand_record_page .bottom-controls { margin: 16px 0 0; text-align: center } #hand_record_page .bottom-controls .btn { font-size: 18px; padding: 8px 28px } #hand_record_page .journals-table.without-summary-debit .deal-line-summary .debit { display: none } #hand_record_page .journals-table.without-summary-credit .deal-line-summary .credit { display: none } .modal-content.hand-record-editor-modal { width: 900px } .modal-content.hand-record-editor-modal .model-actions { float: right } .modal-content.hand-record-editor-modal .model-actions:after { content: ""; clear: both; display: block } .modal-content.hand-record-editor-modal .body { height: 475px; overflow: auto } .modal-content.hand-record-editor-modal .alert { display: none } .modal-content.hand-record-editor-modal .line-items { margin: 0 -15px } .modal-content.hand-record-editor-modal .footer { border-top: 1px solid #e6e6e6; padding: 0 } .modal-content.hand-record-editor-modal .footer .buttons { padding: 15px 0 11px } .modal-content.hand-record-editor-modal .footer .fixed-shortcut-help { margin: 0; padding: 10px; font-size: 13px; background-color: #EEE; border-width: 0px 1px 1px; border-style: solid; border-color: #CCC; text-align: left } .modal-content.hand-record-editor-modal .footer .fixed-shortcut-help ul { margin: 0; padding: 0 } .modal-content.hand-record-editor-modal .footer .fixed-shortcut-help li { padding: 0px 10px 0px 0px; display: inline-block } .modal-content.hand-record-editor-modal .footer .fixed-shortcut-help .hotkey_command { background-color: #999; color: #FFF; padding: 5px 10px; border-radius: 3px } .hand-record-editor .manual-journal-general-fields { margin-bottom: 16px } .hand-record-editor .manual-journal-general-fields .fields .field-adjustment { margin-top: 25px } .hand-record-editor .manual-journal-general-fields .fields .field-adjustment label { display: inline-block } .hand-record-editor .manual-journal-general-fields .fields .field-adjustment input { display: inline-block } .hand-record-editor .manual-journal-general-fields .fields .field-adjustment .help-position { display: inline-block } .hand-record-editor .manual-journal-general-fields .fields .field-adjustment .icon-question-sign { font-size: 16px } .hand-record-editor .deal-attachment-actions { margin-top: 20px } .hand-record-editor .ac_container { position: relative } .hand-record-editor .ac_container .autocomplete_result_area { width: 300px } .hand-record-editor .line-items .manual-journal-line-list th { align: center; padding: 4px; vertical-align: middle } .hand-record-editor .line-items .manual-journal-line-list td { padding: 2px } .hand-record-editor .line-items .manual-journal-line-list>thead { font-size: 11px } .hand-record-editor .line-items .manual-journal-line-list>thead .debit-label-cell, .hand-record-editor .line-items .manual-journal-line-list>thead .credit-label-cell { font-size: 13px } .hand-record-editor .line-items .manual-journal-line-list>thead .debit-label-cell, .hand-record-editor .line-items .manual-journal-line-list>thead .credit-label-cell, .hand-record-editor .line-items .manual-journal-line-list>thead .description-cell { text-align: center; border-right: 1px solid #ddd } .hand-record-editor .line-items .manual-journal-line-list>thead .empty-cell { width: 8px } .hand-record-editor .line-items .manual-journal-line-list>thead .account-item-cell, .hand-record-editor .line-items .manual-journal-line-list>thead .tags-cell { border-right: 1px solid #ddd; text-align: center; width: 140px } .hand-record-editor .line-items .manual-journal-line-list>thead .amount-cell, .hand-record-editor .line-items .manual-journal-line-list>thead .tax-cell { border-right: 1px solid #ddd; text-align: center; width: 161px } .hand-record-editor .line-items .manual-journal-line-list>thead .description-cell { width: 129px } .hand-record-editor .line-items .manual-journal-line-list>thead .remove-cell { width: 30px } .hand-record-editor .line-items .manual-journal-line-list>tfoot tr { background-color: #f0f0f0 } .hand-record-editor .line-items .manual-journal-line-list>tfoot tr:not(:first-child) th { border-top: 0 } .hand-record-editor .line-items .manual-journal-line-list>tfoot .amount-cell, .hand-record-editor .line-items .manual-journal-line-list>tfoot .vat-cell { text-align: right } .hand-record-editor .line-items .manual-journal-line-list>tfoot .amount-gap-row { display: hidden } .hand-record-editor .line-items .manual-journal-line-list>tfoot .amount-gap-row .amount-gap-cell { color: #c7243a; text-align: center } .hand-record-editor .line-items .manual-journal-line-list>tfoot .debit-cell.description-cell { border-right: 1px solid #ddd } .hand-record-editor .line-items .manual-journal-line-list .line-item { border-right: 1px solid #ddd; padding: 5px 0 } .hand-record-editor .line-items .manual-journal-line-list .line-item input, .hand-record-editor .line-items .manual-journal-line-list .line-item select, .hand-record-editor .line-items .manual-journal-line-list .line-item textarea { margin: 0 } .hand-record-editor .line-items .manual-journal-line-list .line-item table { margin: 0; width: 100% } .hand-record-editor .line-items .manual-journal-line-list .line-item table td { vertical-align: top } .hand-record-editor .line-items .manual-journal-line-list .line-item .input-account-item { width: 127px } .hand-record-editor .line-items .manual-journal-line-list .line-item .tagify-container { width: 135px } .hand-record-editor .line-items .manual-journal-line-list .line-item .amount-input { width: 147px } .hand-record-editor .line-items .manual-journal-line-list .line-item .tax-cell { width: 168px } .hand-record-editor .line-items .manual-journal-line-list .line-item .tax-cell .tax-select { display: inline-block; float: left } .hand-record-editor .line-items .manual-journal-line-list .line-item .tax-cell .tax-select select { width: 97px } .hand-record-editor .line-items .manual-journal-line-list .line-item .tax-cell .vat-input { float: left; margin-left: 2px; width: 48px } .hand-record-editor .line-items .manual-journal-line-list .line-item .description-input { height: 50px; width: 115px } .hand-record-editor .line-items .manual-journal-line-list .remove-cell { text-align: center; vertical-align: middle } #month_end-form label { width: 120px; text-align: left } #month_end-form p.input-description { margin-top: 10px; padding-left: 125px; color: #666 } #month_end-form .closing-month-year { margin-right: 5px; font-size: 18px; font-weight: bold } #month_end-form #closing-month-list>div { display: inline } #month_end-form #closing-month-list .month-list-item { display: inline-block; width: 32px; height: 32px; line-height: 32px; margin-right: 10px; color: #b0b0b0; font-size: 18px; text-align: center } #month_end-form #closing-month-list .month-list-item:hover { text-decoration: none } #month_end-form #closing-month-list .month-list-item.closing { border-radius: 16px; background-color: #b0b0b0; color: #030303; font-weight: bold } #month_end-form .bottom-controls { padding-left: 125px } #oauth_authorize_new_page form { margin-top: 10px; display: inline } #beginning_balances_page, #opening_balances_index { background: #FFF; padding: 10px 20px 20px } #beginning_balances_page .fiscal-year, #opening_balances_index .fiscal-year { margin-bottom: 10px } #beginning_balances_page table.deals tbody .show-ob-jy-editor, #opening_balances_index table.deals tbody .show-ob-jy-editor { cursor: pointer } #beginning_balances_page table#opening_balances_add_line_area, #opening_balances_index table#opening_balances_add_line_area, #beginning_balances_page table.balance-list, #opening_balances_index table.balance-list { margin-bottom: 0 } #beginning_balances_page table#opening_balances_add_line_area #opening_balance_last_line, #opening_balances_index table#opening_balances_add_line_area #opening_balance_last_line, #beginning_balances_page table#opening_balances_add_line_area .last-line, #opening_balances_index table#opening_balances_add_line_area .last-line, #beginning_balances_page table.balance-list #opening_balance_last_line, #opening_balances_index table.balance-list #opening_balance_last_line, #beginning_balances_page table.balance-list .last-line, #opening_balances_index table.balance-list .last-line { font-weight: bolder } #beginning_balances_page table#opening_balances_add_line_area td, #opening_balances_index table#opening_balances_add_line_area td, #beginning_balances_page table.balance-list td, #opening_balances_index table.balance-list td { padding-top: 6px } #beginning_balances_page table#opening_balances_add_line_area td input, #opening_balances_index table#opening_balances_add_line_area td input, #beginning_balances_page table.balance-list td input, #opening_balances_index table.balance-list td input { margin-bottom: 0 } #beginning_balances_page table#opening_balances_add_line_area td .doc-remove-line, #opening_balances_index table#opening_balances_add_line_area td .doc-remove-line, #beginning_balances_page table.balance-list td .doc-remove-line, #opening_balances_index table.balance-list td .doc-remove-line { color: #c7243a } #beginning_balances_page table#opening_balances_add_line_area td .doc-remove-line:hover, #opening_balances_index table#opening_balances_add_line_area td .doc-remove-line:hover, #beginning_balances_page table.balance-list td .doc-remove-line:hover, #opening_balances_index table.balance-list td .doc-remove-line:hover { color: #c7243a; text-decoration: none } #beginning_balances_page table.balance-list tr:nth-child(2n) td, #opening_balances_index table.balance-list tr:nth-child(2n) td { background: #eeefee } #beginning_balances_page .add-new-opening-balance-line, #opening_balances_index .add-new-opening-balance-line { padding-top: 6px; width: 858px; border-top: 1px solid #E3E3E3 } #beginning_balances_page .actions, #opening_balances_index .actions { margin-top: 6px; padding-top: 6px; width: 898px } #beginning_balances_page .actions .btn, #opening_balances_index .actions .btn { margin-right: 6px } #beginning_balances_page .btn-primary, #opening_balances_index .btn-primary { width: 120px } #beginning_balances_page .btn-primary.link-to-bs-style, #opening_balances_index .btn-primary.link-to-bs-style { width: 300px } #beginning_balances_page .panel_list>div, #opening_balances_index .panel_list>div { width: 564px } #beginning_balances_page .panel_list .panel li, #opening_balances_index .panel_list .panel li { text-indent: 0 } #beginning_balances_page .panel_list .panel .breakdown-row td, #opening_balances_index .panel_list .panel .breakdown-row td { padding: 8px 8px 4px } #beginning_balances_page .panel_list .panel .breakdown-row td input, #opening_balances_index .panel_list .panel .breakdown-row td input { margin-bottom: 0 } #beginning_balances_page .panel_list .panel .breakdown-row td input.input-line-amount, #opening_balances_index .panel_list .panel .breakdown-row td input.input-line-amount { width: 222px } #beginning_balances_page .panel_list .panel .breakdown-row td.remove-line-column, #opening_balances_index .panel_list .panel .breakdown-row td.remove-line-column { padding: 11px 6px 0 9px } #beginning_balances_page .new-bs-description, #opening_balances_index .new-bs-description { padding-bottom: 10px } #beginning_balances_page .fiscal-year #opening-balances-bs-credit, #opening_balances_index .fiscal-year #opening-balances-bs-credit, #beginning_balances_page .fiscal-year #opening-balances-bs-credit-index, #opening_balances_index .fiscal-year #opening-balances-bs-credit-index { margin-left: -3px } #beginning_balances_page .opening-balances-guide, #opening_balances_index .opening-balances-guide { width: 700px; border: 1px solid #cfcfcf; margin: 20px 0; padding: 10px 20px; display: block } #beginning_balances_page .opening-balances-guide .guide-header .guide-header-text, #opening_balances_index .opening-balances-guide .guide-header .guide-header-text { display: inline-block } #beginning_balances_page .opening-balances-guide .guide-header .guide-header-button, #opening_balances_index .opening-balances-guide .guide-header .guide-header-button { display: inline-block; float: right; line-height: 40px } #beginning_balances_page .opening-balances-guide .guide-header .guide-header-button .guide-button, #opening_balances_index .opening-balances-guide .guide-header .guide-header-button .guide-button { height: 20px; width: 20px } #beginning_balances_page .opening-balances-guide .guide-slide-container, #opening_balances_index .opening-balances-guide .guide-slide-container { padding: 10px 20px; display: none } #beginning_balances_page .opening-balances-guide.guide-open .guide-slide-container, #opening_balances_index .opening-balances-guide.guide-open .guide-slide-container { display: block } #beginning_balances_page .opening-balances-guide.guide-open .guide-button, #opening_balances_index .opening-balances-guide.guide-open .guide-button { transform: scaleY(-1) } #beginning_balances_page #opening-balances-bs-credit table.list-table, #opening_balances_index #opening-balances-bs-credit table.list-table, #beginning_balances_page #opening-balances-bs-credit-index table.list-table, #opening_balances_index #opening-balances-bs-credit-index table.list-table { border-left: 1px } #beginning_balances_page #opening-balances-bs-debit, #opening_balances_index #opening-balances-bs-debit, #beginning_balances_page #opening-balances-bs-credit, #opening_balances_index #opening-balances-bs-credit { width: 1000px; display: inline-block; vertical-align: top; color: #868686 } #beginning_balances_page #opening-balances-bs-debit h2, #opening_balances_index #opening-balances-bs-debit h2, #beginning_balances_page #opening-balances-bs-credit h2, #opening_balances_index #opening-balances-bs-credit h2 { color: #000; font-size: 20px; font-weight: normal; padding-top: 10px } #beginning_balances_page #opening-balances-bs-debit h3, #opening_balances_index #opening-balances-bs-debit h3, #beginning_balances_page #opening-balances-bs-credit h3, #opening_balances_index #opening-balances-bs-credit h3 { font-size: 16px; font-weight: normal; padding-top: 10px } #beginning_balances_page #opening-balances-bs-debit h3:first-letter, #opening_balances_index #opening-balances-bs-debit h3:first-letter, #beginning_balances_page #opening-balances-bs-credit h3:first-letter, #opening_balances_index #opening-balances-bs-credit h3:first-letter { font-size: 20px } #beginning_balances_page #opening-balances-bs-debit table, #opening_balances_index #opening-balances-bs-debit table, #beginning_balances_page #opening-balances-bs-credit table, #opening_balances_index #opening-balances-bs-credit table { border: 1px solid #cfcfcf } #beginning_balances_page #opening-balances-bs-debit table tr.opening-balances-bs-header th, #opening_balances_index #opening-balances-bs-debit table tr.opening-balances-bs-header th, #beginning_balances_page #opening-balances-bs-credit table tr.opening-balances-bs-header th, #opening_balances_index #opening-balances-bs-credit table tr.opening-balances-bs-header th { height: 39px; font-weight: normal; text-align: center; background-color: #575757; color: #FFF; border-color: #575757; border-width: 1px; border-collapse: collapse; border-spacing: 0 } #beginning_balances_page #opening-balances-bs-debit table tr.opening-balances-bs-header th.account, #opening_balances_index #opening-balances-bs-debit table tr.opening-balances-bs-header th.account, #beginning_balances_page #opening-balances-bs-credit table tr.opening-balances-bs-header th.account, #opening_balances_index #opening-balances-bs-credit table tr.opening-balances-bs-header th.account { padding: 1px; text-align: center; vertical-align: bottom } #beginning_balances_page #opening-balances-bs-debit table tr.opening-balances-bs-header th.account .account-name, #opening_balances_index #opening-balances-bs-debit table tr.opening-balances-bs-header th.account .account-name, #beginning_balances_page #opening-balances-bs-credit table tr.opening-balances-bs-header th.account .account-name, #opening_balances_index #opening-balances-bs-credit table tr.opening-balances-bs-header th.account .account-name { display: inline-block; vertical-align: bottom; padding-left: 8px } #beginning_balances_page #opening-balances-bs-debit table tr.opening-balances-bs-header th.account .residue, #opening_balances_index #opening-balances-bs-debit table tr.opening-balances-bs-header th.account .residue, #beginning_balances_page #opening-balances-bs-credit table tr.opening-balances-bs-header th.account .residue, #opening_balances_index #opening-balances-bs-credit table tr.opening-balances-bs-header th.account .residue { font-size: 1.2em; display: inline-block; vertical-align: top; padding-bottom: 10px; padding-left: 140px } #beginning_balances_page #opening-balances-bs-debit table tr.opening-balances-bs-header th.account .amount, #opening_balances_index #opening-balances-bs-debit table tr.opening-balances-bs-header th.account .amount, #beginning_balances_page #opening-balances-bs-credit table tr.opening-balances-bs-header th.account .amount, #opening_balances_index #opening-balances-bs-credit table tr.opening-balances-bs-header th.account .amount { display: inline-block; padding-left: 117px; vertical-align: bottom } #beginning_balances_page #opening-balances-bs-debit table tr.opening-balances-bs-header th.bs-debit, #opening_balances_index #opening-balances-bs-debit table tr.opening-balances-bs-header th.bs-debit, #beginning_balances_page #opening-balances-bs-debit table tr.opening-balances-bs-header th .bs-credit, #opening_balances_index #opening-balances-bs-debit table tr.opening-balances-bs-header th .bs-credit, #beginning_balances_page #opening-balances-bs-credit table tr.opening-balances-bs-header th.bs-debit, #opening_balances_index #opening-balances-bs-credit table tr.opening-balances-bs-header th.bs-debit, #beginning_balances_page #opening-balances-bs-credit table tr.opening-balances-bs-header th .bs-credit, #opening_balances_index #opening-balances-bs-credit table tr.opening-balances-bs-header th .bs-credit { text-align: right; vertical-align: bottom } #beginning_balances_page #opening-balances-bs-debit table tr.opening-balances-bs-header th.bs-debit .amount, #opening_balances_index #opening-balances-bs-debit table tr.opening-balances-bs-header th.bs-debit .amount, #beginning_balances_page #opening-balances-bs-debit table tr.opening-balances-bs-header th .bs-credit .amount, #opening_balances_index #opening-balances-bs-debit table tr.opening-balances-bs-header th .bs-credit .amount, #beginning_balances_page #opening-balances-bs-credit table tr.opening-balances-bs-header th.bs-debit .amount, #opening_balances_index #opening-balances-bs-credit table tr.opening-balances-bs-header th.bs-debit .amount, #beginning_balances_page #opening-balances-bs-credit table tr.opening-balances-bs-header th .bs-credit .amount, #opening_balances_index #opening-balances-bs-credit table tr.opening-balances-bs-header th .bs-credit .amount { display: inline-block; padding-right: 27px } #beginning_balances_page #opening-balances-bs-debit table tr.opening-balances-bs-header th.simple-account-name, #opening_balances_index #opening-balances-bs-debit table tr.opening-balances-bs-header th.simple-account-name, #beginning_balances_page #opening-balances-bs-credit table tr.opening-balances-bs-header th.simple-account-name, #opening_balances_index #opening-balances-bs-credit table tr.opening-balances-bs-header th.simple-account-name { font-size: 1.2em; text-align: left; padding-left: 10px } #beginning_balances_page #opening-balances-bs-debit table tr.opening-balances-bs-header th.simple-amount, #opening_balances_index #opening-balances-bs-debit table tr.opening-balances-bs-header th.simple-amount, #beginning_balances_page #opening-balances-bs-credit table tr.opening-balances-bs-header th.simple-amount, #opening_balances_index #opening-balances-bs-credit table tr.opening-balances-bs-header th.simple-amount { font-size: 1.2em; text-align: right; padding-right: 10px } #beginning_balances_page #opening-balances-bs-debit table tr.even-background, #opening_balances_index #opening-balances-bs-debit table tr.even-background, #beginning_balances_page #opening-balances-bs-credit table tr.even-background, #opening_balances_index #opening-balances-bs-credit table tr.even-background { background-color: #eeefee } #beginning_balances_page #opening-balances-bs-debit table tr td:first-child, #opening_balances_index #opening-balances-bs-debit table tr td:first-child, #beginning_balances_page #opening-balances-bs-credit table tr td:first-child, #opening_balances_index #opening-balances-bs-credit table tr td:first-child { padding-left: 10px } #beginning_balances_page #opening-balances-bs-debit table tr td, #opening_balances_index #opening-balances-bs-debit table tr td, #beginning_balances_page #opening-balances-bs-credit table tr td, #opening_balances_index #opening-balances-bs-credit table tr td { padding: 5px } #beginning_balances_page #opening-balances-bs-debit table tr td.line-delete-btn, #opening_balances_index #opening-balances-bs-debit table tr td.line-delete-btn, #beginning_balances_page #opening-balances-bs-credit table tr td.line-delete-btn, #opening_balances_index #opening-balances-bs-credit table tr td.line-delete-btn { text-align: right; vertical-align: middle } #beginning_balances_page #opening-balances-bs-debit table tr td.line-delete-btn .icon-remove-sign, #opening_balances_index #opening-balances-bs-debit table tr td.line-delete-btn .icon-remove-sign, #beginning_balances_page #opening-balances-bs-credit table tr td.line-delete-btn .icon-remove-sign, #opening_balances_index #opening-balances-bs-credit table tr td.line-delete-btn .icon-remove-sign { color: #c7243a } #beginning_balances_page #opening-balances-bs-debit table tr td.line-delete-btn .icon-remove-sign:hover, #opening_balances_index #opening-balances-bs-debit table tr td.line-delete-btn .icon-remove-sign:hover, #beginning_balances_page #opening-balances-bs-credit table tr td.line-delete-btn .icon-remove-sign:hover, #opening_balances_index #opening-balances-bs-credit table tr td.line-delete-btn .icon-remove-sign:hover { color: #c7243a; text-decoration: none } #beginning_balances_page #opening-balances-bs-debit table tr.debit-line-item-row, #opening_balances_index #opening-balances-bs-debit table tr.debit-line-item-row, #beginning_balances_page #opening-balances-bs-debit table tr.credit-line-item-row, #opening_balances_index #opening-balances-bs-debit table tr.credit-line-item-row, #beginning_balances_page #opening-balances-bs-credit table tr.debit-line-item-row, #opening_balances_index #opening-balances-bs-credit table tr.debit-line-item-row, #beginning_balances_page #opening-balances-bs-credit table tr.credit-line-item-row, #opening_balances_index #opening-balances-bs-credit table tr.credit-line-item-row { height: 39px } #beginning_balances_page #opening-balances-bs-debit table tr.debit-line-item-row td.line-account-item-name, #opening_balances_index #opening-balances-bs-debit table tr.debit-line-item-row td.line-account-item-name, #beginning_balances_page #opening-balances-bs-debit table tr.credit-line-item-row td.line-account-item-name, #opening_balances_index #opening-balances-bs-debit table tr.credit-line-item-row td.line-account-item-name, #beginning_balances_page #opening-balances-bs-credit table tr.debit-line-item-row td.line-account-item-name, #opening_balances_index #opening-balances-bs-credit table tr.debit-line-item-row td.line-account-item-name, #beginning_balances_page #opening-balances-bs-credit table tr.credit-line-item-row td.line-account-item-name, #opening_balances_index #opening-balances-bs-credit table tr.credit-line-item-row td.line-account-item-name { position: relative; width: 250px; vertical-align: middle } #beginning_balances_page #opening-balances-bs-debit table tr.debit-line-item-row td.line-account-item-name>input, #opening_balances_index #opening-balances-bs-debit table tr.debit-line-item-row td.line-account-item-name>input, #beginning_balances_page #opening-balances-bs-debit table tr.credit-line-item-row td.line-account-item-name>input, #opening_balances_index #opening-balances-bs-debit table tr.credit-line-item-row td.line-account-item-name>input, #beginning_balances_page #opening-balances-bs-credit table tr.debit-line-item-row td.line-account-item-name>input, #opening_balances_index #opening-balances-bs-credit table tr.debit-line-item-row td.line-account-item-name>input, #beginning_balances_page #opening-balances-bs-credit table tr.credit-line-item-row td.line-account-item-name>input, #opening_balances_index #opening-balances-bs-credit table tr.credit-line-item-row td.line-account-item-name>input { width: 140px; margin-bottom: 0 } #beginning_balances_page #opening-balances-bs-debit table tr.debit-line-item-row td.line-account-item-name .icon-exclamation-sign, #opening_balances_index #opening-balances-bs-debit table tr.debit-line-item-row td.line-account-item-name .icon-exclamation-sign, #beginning_balances_page #opening-balances-bs-debit table tr.credit-line-item-row td.line-account-item-name .icon-exclamation-sign, #opening_balances_index #opening-balances-bs-debit table tr.credit-line-item-row td.line-account-item-name .icon-exclamation-sign, #beginning_balances_page #opening-balances-bs-credit table tr.debit-line-item-row td.line-account-item-name .icon-exclamation-sign, #opening_balances_index #opening-balances-bs-credit table tr.debit-line-item-row td.line-account-item-name .icon-exclamation-sign, #beginning_balances_page #opening-balances-bs-credit table tr.credit-line-item-row td.line-account-item-name .icon-exclamation-sign, #opening_balances_index #opening-balances-bs-credit table tr.credit-line-item-row td.line-account-item-name .icon-exclamation-sign { color: #c7243a } #beginning_balances_page #opening-balances-bs-debit table tr.debit-line-item-row td.line-account-item-name .edit-breakdown, #opening_balances_index #opening-balances-bs-debit table tr.debit-line-item-row td.line-account-item-name .edit-breakdown, #beginning_balances_page #opening-balances-bs-debit table tr.credit-line-item-row td.line-account-item-name .edit-breakdown, #opening_balances_index #opening-balances-bs-debit table tr.credit-line-item-row td.line-account-item-name .edit-breakdown, #beginning_balances_page #opening-balances-bs-credit table tr.debit-line-item-row td.line-account-item-name .edit-breakdown, #opening_balances_index #opening-balances-bs-credit table tr.debit-line-item-row td.line-account-item-name .edit-breakdown, #beginning_balances_page #opening-balances-bs-credit table tr.credit-line-item-row td.line-account-item-name .edit-breakdown, #opening_balances_index #opening-balances-bs-credit table tr.credit-line-item-row td.line-account-item-name .edit-breakdown { float: right } #beginning_balances_page #opening-balances-bs-debit table tr.debit-line-item-row td.line-account-balance, #opening_balances_index #opening-balances-bs-debit table tr.debit-line-item-row td.line-account-balance, #beginning_balances_page #opening-balances-bs-debit table tr.credit-line-item-row td.line-account-balance, #opening_balances_index #opening-balances-bs-debit table tr.credit-line-item-row td.line-account-balance, #beginning_balances_page #opening-balances-bs-credit table tr.debit-line-item-row td.line-account-balance, #opening_balances_index #opening-balances-bs-credit table tr.debit-line-item-row td.line-account-balance, #beginning_balances_page #opening-balances-bs-credit table tr.credit-line-item-row td.line-account-balance, #opening_balances_index #opening-balances-bs-credit table tr.credit-line-item-row td.line-account-balance { width: 160px; text-align: right } #beginning_balances_page #opening-balances-bs-debit table tr.debit-line-item-row td.line-account-balance>input, #opening_balances_index #opening-balances-bs-debit table tr.debit-line-item-row td.line-account-balance>input, #beginning_balances_page #opening-balances-bs-debit table tr.credit-line-item-row td.line-account-balance>input, #opening_balances_index #opening-balances-bs-debit table tr.credit-line-item-row td.line-account-balance>input, #beginning_balances_page #opening-balances-bs-credit table tr.debit-line-item-row td.line-account-balance>input, #opening_balances_index #opening-balances-bs-credit table tr.debit-line-item-row td.line-account-balance>input, #beginning_balances_page #opening-balances-bs-credit table tr.credit-line-item-row td.line-account-balance>input, #opening_balances_index #opening-balances-bs-credit table tr.credit-line-item-row td.line-account-balance>input { width: 140px; margin-bottom: 0 } #beginning_balances_page #opening-balances-bs-debit table tr.debit-line-item-row.bank-account td.line-account-item-name, #opening_balances_index #opening-balances-bs-debit table tr.debit-line-item-row.bank-account td.line-account-item-name, #beginning_balances_page #opening-balances-bs-credit table tr.debit-line-item-row.bank-account td.line-account-item-name, #opening_balances_index #opening-balances-bs-credit table tr.debit-line-item-row.bank-account td.line-account-item-name { font-weight: bold; padding-left: 24px } #beginning_balances_page #opening-balances-bs-debit table tr.bank-account-sum td, #opening_balances_index #opening-balances-bs-debit table tr.bank-account-sum td, #beginning_balances_page #opening-balances-bs-credit table tr.bank-account-sum td, #opening_balances_index #opening-balances-bs-credit table tr.bank-account-sum td { height: 39px; vertical-align: middle } #beginning_balances_page #opening-balances-bs-debit table tr.bank-account-sum td.bank-account-sum-title .bank-account-register-link, #opening_balances_index #opening-balances-bs-debit table tr.bank-account-sum td.bank-account-sum-title .bank-account-register-link, #beginning_balances_page #opening-balances-bs-credit table tr.bank-account-sum td.bank-account-sum-title .bank-account-register-link, #opening_balances_index #opening-balances-bs-credit table tr.bank-account-sum td.bank-account-sum-title .bank-account-register-link { float: right } #beginning_balances_page #opening-balances-bs-debit table tr.bank-account-sum td.amount, #opening_balances_index #opening-balances-bs-debit table tr.bank-account-sum td.amount, #beginning_balances_page #opening-balances-bs-credit table tr.bank-account-sum td.amount, #opening_balances_index #opening-balances-bs-credit table tr.bank-account-sum td.amount { text-align: right; padding-right: 11px } #beginning_balances_page #opening-balances-bs-debit table tr.debit-sum-amount-line, #opening_balances_index #opening-balances-bs-debit table tr.debit-sum-amount-line, #beginning_balances_page #opening-balances-bs-debit table tr.credit-sum-amount-line, #opening_balances_index #opening-balances-bs-debit table tr.credit-sum-amount-line, #beginning_balances_page #opening-balances-bs-credit table tr.debit-sum-amount-line, #opening_balances_index #opening-balances-bs-credit table tr.debit-sum-amount-line, #beginning_balances_page #opening-balances-bs-credit table tr.credit-sum-amount-line, #opening_balances_index #opening-balances-bs-credit table tr.credit-sum-amount-line { text-align: left; font-weight: bold; color: #000; background: #d1d1d1 } #beginning_balances_page #opening-balances-bs-debit table tr.debit-sum-amount-line td.debit-sum-amount, #opening_balances_index #opening-balances-bs-debit table tr.debit-sum-amount-line td.debit-sum-amount, #beginning_balances_page #opening-balances-bs-debit table tr.debit-sum-amount-line td.credit-sum-amount, #opening_balances_index #opening-balances-bs-debit table tr.debit-sum-amount-line td.credit-sum-amount, #beginning_balances_page #opening-balances-bs-debit table tr.credit-sum-amount-line td.debit-sum-amount, #opening_balances_index #opening-balances-bs-debit table tr.credit-sum-amount-line td.debit-sum-amount, #beginning_balances_page #opening-balances-bs-debit table tr.credit-sum-amount-line td.credit-sum-amount, #opening_balances_index #opening-balances-bs-debit table tr.credit-sum-amount-line td.credit-sum-amount, #beginning_balances_page #opening-balances-bs-credit table tr.debit-sum-amount-line td.debit-sum-amount, #opening_balances_index #opening-balances-bs-credit table tr.debit-sum-amount-line td.debit-sum-amount, #beginning_balances_page #opening-balances-bs-credit table tr.debit-sum-amount-line td.credit-sum-amount, #opening_balances_index #opening-balances-bs-credit table tr.debit-sum-amount-line td.credit-sum-amount, #beginning_balances_page #opening-balances-bs-credit table tr.credit-sum-amount-line td.debit-sum-amount, #opening_balances_index #opening-balances-bs-credit table tr.credit-sum-amount-line td.debit-sum-amount, #beginning_balances_page #opening-balances-bs-credit table tr.credit-sum-amount-line td.credit-sum-amount, #opening_balances_index #opening-balances-bs-credit table tr.credit-sum-amount-line td.credit-sum-amount { padding-right: 10px; text-align: right } #beginning_balances_page #opening-balances-bs-debit table tr.add-credit-account-line td, #opening_balances_index #opening-balances-bs-debit table tr.add-credit-account-line td, #beginning_balances_page #opening-balances-bs-debit table tr.add-debit-account-line td, #opening_balances_index #opening-balances-bs-debit table tr.add-debit-account-line td, #beginning_balances_page #opening-balances-bs-debit table tr.add-bank-account-line td, #opening_balances_index #opening-balances-bs-debit table tr.add-bank-account-line td, #beginning_balances_page #opening-balances-bs-credit table tr.add-credit-account-line td, #opening_balances_index #opening-balances-bs-credit table tr.add-credit-account-line td, #beginning_balances_page #opening-balances-bs-credit table tr.add-debit-account-line td, #opening_balances_index #opening-balances-bs-credit table tr.add-debit-account-line td, #beginning_balances_page #opening-balances-bs-credit table tr.add-bank-account-line td, #opening_balances_index #opening-balances-bs-credit table tr.add-bank-account-line td { height: 39px; vertical-align: middle; text-align: center; font-weight: bold; color: #39d } #beginning_balances_page #opening-balances-bs-debit table tr.add-credit-account-line td a, #opening_balances_index #opening-balances-bs-debit table tr.add-credit-account-line td a, #beginning_balances_page #opening-balances-bs-debit table tr.add-debit-account-line td a, #opening_balances_index #opening-balances-bs-debit table tr.add-debit-account-line td a, #beginning_balances_page #opening-balances-bs-debit table tr.add-bank-account-line td a, #opening_balances_index #opening-balances-bs-debit table tr.add-bank-account-line td a, #beginning_balances_page #opening-balances-bs-credit table tr.add-credit-account-line td a, #opening_balances_index #opening-balances-bs-credit table tr.add-credit-account-line td a, #beginning_balances_page #opening-balances-bs-credit table tr.add-debit-account-line td a, #opening_balances_index #opening-balances-bs-credit table tr.add-debit-account-line td a, #beginning_balances_page #opening-balances-bs-credit table tr.add-bank-account-line td a, #opening_balances_index #opening-balances-bs-credit table tr.add-bank-account-line td a { color: #349BDA } #beginning_balances_page #opening-balances-bs-debit table tr.adjustment-line, #opening_balances_index #opening-balances-bs-debit table tr.adjustment-line, #beginning_balances_page #opening-balances-bs-credit table tr.adjustment-line, #opening_balances_index #opening-balances-bs-credit table tr.adjustment-line { font-weight: bold } #beginning_balances_page #opening-balances-bs-debit table tr.adjustment-line td.debit-adjustment-amount, #opening_balances_index #opening-balances-bs-debit table tr.adjustment-line td.debit-adjustment-amount, #beginning_balances_page #opening-balances-bs-debit table tr.adjustment-line td.credit-adjustment-amount, #opening_balances_index #opening-balances-bs-debit table tr.adjustment-line td.credit-adjustment-amount, #beginning_balances_page #opening-balances-bs-debit table tr.adjustment-line td.adjustment-amount, #opening_balances_index #opening-balances-bs-debit table tr.adjustment-line td.adjustment-amount, #beginning_balances_page #opening-balances-bs-credit table tr.adjustment-line td.debit-adjustment-amount, #opening_balances_index #opening-balances-bs-credit table tr.adjustment-line td.debit-adjustment-amount, #beginning_balances_page #opening-balances-bs-credit table tr.adjustment-line td.credit-adjustment-amount, #opening_balances_index #opening-balances-bs-credit table tr.adjustment-line td.credit-adjustment-amount, #beginning_balances_page #opening-balances-bs-credit table tr.adjustment-line td.adjustment-amount, #opening_balances_index #opening-balances-bs-credit table tr.adjustment-line td.adjustment-amount { text-align: right; padding-right: 10px } #beginning_balances_page #opening-balances-bs-debit table tr.child-breakdown td, #opening_balances_index #opening-balances-bs-debit table tr.child-breakdown td, #beginning_balances_page #opening-balances-bs-credit table tr.child-breakdown td, #opening_balances_index #opening-balances-bs-credit table tr.child-breakdown td { height: 39px; vertical-align: middle; padding-left: 24px } #beginning_balances_page #opening-balances-bs-debit table tr.child-breakdown .partner-name, #opening_balances_index #opening-balances-bs-debit table tr.child-breakdown .partner-name, #beginning_balances_page #opening-balances-bs-debit table tr.child-breakdown .item-name, #opening_balances_index #opening-balances-bs-debit table tr.child-breakdown .item-name, #beginning_balances_page #opening-balances-bs-credit table tr.child-breakdown .partner-name, #opening_balances_index #opening-balances-bs-credit table tr.child-breakdown .partner-name, #beginning_balances_page #opening-balances-bs-credit table tr.child-breakdown .item-name, #opening_balances_index #opening-balances-bs-credit table tr.child-breakdown .item-name { font-weight: bold; padding-left: 20px } #beginning_balances_page #opening-balances-bs-debit table tr.child-breakdown .amount, #opening_balances_index #opening-balances-bs-debit table tr.child-breakdown .amount, #beginning_balances_page #opening-balances-bs-credit table tr.child-breakdown .amount, #opening_balances_index #opening-balances-bs-credit table tr.child-breakdown .amount { text-align: right; padding-right: 10px } #beginning_balances_page #opening-balances-bs-debit table tr.edit-breakdown, #opening_balances_index #opening-balances-bs-debit table tr.edit-breakdown, #beginning_balances_page #opening-balances-bs-credit table tr.edit-breakdown, #opening_balances_index #opening-balances-bs-credit table tr.edit-breakdown { font-weight: bold; color: #349BDA; font-size: 11px; padding-left: 10px } #beginning_balances_page #opening-balances-bs-debit table tr.padding td, #opening_balances_index #opening-balances-bs-debit table tr.padding td, #beginning_balances_page #opening-balances-bs-credit table tr.padding td, #opening_balances_index #opening-balances-bs-credit table tr.padding td { height: 39px } #beginning_balances_page #opening-balances-bs-debit .modal-content table, #opening_balances_index #opening-balances-bs-debit .modal-content table, #beginning_balances_page #opening-balances-bs-credit .modal-content table, #opening_balances_index #opening-balances-bs-credit .modal-content table { border: none } #beginning_balances_page #opening-balances-bs-debit .breakdown-edit, #opening_balances_index #opening-balances-bs-debit .breakdown-edit, #beginning_balances_page #opening-balances-bs-credit .breakdown-edit, #opening_balances_index #opening-balances-bs-credit .breakdown-edit { -webkit-box-shadow: 0 2px 5px rgba(12, 2, 11, 0.35); -moz-box-shadow: 0 2px 5px rgba(12, 2, 11, 0.35); box-shadow: 0 2px 5px rgba(12, 2, 11, 0.35); background: #FFF; border-top: 1px solid #E3E3E3; border-bottom: 1px solid #E3E3E3; border-left: 1px solid #cfcfcf; border-right: 1px solid #cfcfcf; left: -1px; margin-bottom: 40px; min-height: 39px; position: absolute; top: -1px; width: 438px; z-index: 1; overflow-y: visible } #beginning_balances_page #opening-balances-bs-debit .breakdown-edit .line-item, #opening_balances_index #opening-balances-bs-debit .breakdown-edit .line-item, #beginning_balances_page #opening-balances-bs-credit .breakdown-edit .line-item, #opening_balances_index #opening-balances-bs-credit .breakdown-edit .line-item { border-width: 0 } #beginning_balances_page #opening-balances-bs-debit .breakdown-edit .line-item tr.breakdown-header-row td, #opening_balances_index #opening-balances-bs-debit .breakdown-edit .line-item tr.breakdown-header-row td, #beginning_balances_page #opening-balances-bs-credit .breakdown-edit .line-item tr.breakdown-header-row td, #opening_balances_index #opening-balances-bs-credit .breakdown-edit .line-item tr.breakdown-header-row td { font-weight: bold; height: 20px; padding-bottom: 0 } #beginning_balances_page #opening-balances-bs-debit .breakdown-edit .line-item tr.breakdown-header-row td:first-child, #opening_balances_index #opening-balances-bs-debit .breakdown-edit .line-item tr.breakdown-header-row td:first-child, #beginning_balances_page #opening-balances-bs-debit .breakdown-edit .line-item tr.breakdown-row td:first-child, #opening_balances_index #opening-balances-bs-debit .breakdown-edit .line-item tr.breakdown-row td:first-child, #beginning_balances_page #opening-balances-bs-debit .breakdown-edit .line-item tr.breakdown-bottom-row td:first-child, #opening_balances_index #opening-balances-bs-debit .breakdown-edit .line-item tr.breakdown-bottom-row td:first-child, #beginning_balances_page #opening-balances-bs-credit .breakdown-edit .line-item tr.breakdown-header-row td:first-child, #opening_balances_index #opening-balances-bs-credit .breakdown-edit .line-item tr.breakdown-header-row td:first-child, #beginning_balances_page #opening-balances-bs-credit .breakdown-edit .line-item tr.breakdown-row td:first-child, #opening_balances_index #opening-balances-bs-credit .breakdown-edit .line-item tr.breakdown-row td:first-child, #beginning_balances_page #opening-balances-bs-credit .breakdown-edit .line-item tr.breakdown-bottom-row td:first-child, #opening_balances_index #opening-balances-bs-credit .breakdown-edit .line-item tr.breakdown-bottom-row td:first-child { padding-left: 20px } #beginning_balances_page #opening-balances-bs-debit .breakdown-edit .line-item td, #opening_balances_index #opening-balances-bs-debit .breakdown-edit .line-item td, #beginning_balances_page #opening-balances-bs-credit .breakdown-edit .line-item td, #opening_balances_index #opening-balances-bs-credit .breakdown-edit .line-item td { background-color: #FFF; border-width: 0; vertical-align: middle } #beginning_balances_page #opening-balances-bs-debit .breakdown-edit .line-item td.breakdown-type, #opening_balances_index #opening-balances-bs-debit .breakdown-edit .line-item td.breakdown-type, #beginning_balances_page #opening-balances-bs-credit .breakdown-edit .line-item td.breakdown-type, #opening_balances_index #opening-balances-bs-credit .breakdown-edit .line-item td.breakdown-type { height: 39px; width: 250px } #beginning_balances_page #opening-balances-bs-debit .breakdown-edit .line-item td.breakdown-amount, #opening_balances_index #opening-balances-bs-debit .breakdown-edit .line-item td.breakdown-amount, #beginning_balances_page #opening-balances-bs-credit .breakdown-edit .line-item td.breakdown-amount, #opening_balances_index #opening-balances-bs-credit .breakdown-edit .line-item td.breakdown-amount { height: 39px; width: 160px; text-align: right; text-align: left } #beginning_balances_page #opening-balances-bs-debit .breakdown-edit .line-item td.breakdown-amount>input, #opening_balances_index #opening-balances-bs-debit .breakdown-edit .line-item td.breakdown-amount>input, #beginning_balances_page #opening-balances-bs-credit .breakdown-edit .line-item td.breakdown-amount>input, #opening_balances_index #opening-balances-bs-credit .breakdown-edit .line-item td.breakdown-amount>input { width: 140px; margin-bottom: 0 } #beginning_balances_page #opening-balances-bs-debit .breakdown-edit .line-item td.breakdown-subtotal, #opening_balances_index #opening-balances-bs-debit .breakdown-edit .line-item td.breakdown-subtotal, #beginning_balances_page #opening-balances-bs-credit .breakdown-edit .line-item td.breakdown-subtotal, #opening_balances_index #opening-balances-bs-credit .breakdown-edit .line-item td.breakdown-subtotal { text-align: right } #beginning_balances_page #opening-balances-bs-debit .breakdown-edit .breakdown-row-inc, #opening_balances_index #opening-balances-bs-debit .breakdown-edit .breakdown-row-inc, #beginning_balances_page #opening-balances-bs-credit .breakdown-edit .breakdown-row-inc, #opening_balances_index #opening-balances-bs-credit .breakdown-edit .breakdown-row-inc { color: #E3E3E3; text-decoration: none } #beginning_balances_page #opening-balances-bs-debit .breakdown-edit .breakdown-add-number, #opening_balances_index #opening-balances-bs-debit .breakdown-edit .breakdown-add-number, #beginning_balances_page #opening-balances-bs-credit .breakdown-edit .breakdown-add-number, #opening_balances_index #opening-balances-bs-credit .breakdown-edit .breakdown-add-number { float: none; width: 30px } #beginning_balances_page #opening-balances-bs-debit .breakdown-edit .breakdown-subtotal-header, #opening_balances_index #opening-balances-bs-debit .breakdown-edit .breakdown-subtotal-header, #beginning_balances_page #opening-balances-bs-credit .breakdown-edit .breakdown-subtotal-header, #opening_balances_index #opening-balances-bs-credit .breakdown-edit .breakdown-subtotal-header { font-weight: bold; float: right } #beginning_balances_page #opening-balances-bs-debit .breakdown-edit .vat_non_disp, #opening_balances_index #opening-balances-bs-debit .breakdown-edit .vat_non_disp, #beginning_balances_page #opening-balances-bs-credit .breakdown-edit .vat_non_disp, #opening_balances_index #opening-balances-bs-credit .breakdown-edit .vat_non_disp { display: none } #beginning_balances_page #opening-balances-bs-debit .breakdown-edit .alert, #opening_balances_index #opening-balances-bs-debit .breakdown-edit .alert, #beginning_balances_page #opening-balances-bs-credit .breakdown-edit .alert, #opening_balances_index #opening-balances-bs-credit .breakdown-edit .alert { margin: 10px; padding: 10px } #beginning_balances_page #opening-balances-bs-debit .breakdown-edit .breakdown-edit-actions, #opening_balances_index #opening-balances-bs-debit .breakdown-edit .breakdown-edit-actions, #beginning_balances_page #opening-balances-bs-credit .breakdown-edit .breakdown-edit-actions, #opening_balances_index #opening-balances-bs-credit .breakdown-edit .breakdown-edit-actions { padding: 6px 28px 6px 10px; text-align: right } #beginning_balances_page #opening-balances-bs-debit .breakdown-edit .breakdown-edit-actions .btn, #opening_balances_index #opening-balances-bs-debit .breakdown-edit .breakdown-edit-actions .btn, #beginning_balances_page #opening-balances-bs-credit .breakdown-edit .breakdown-edit-actions .btn, #opening_balances_index #opening-balances-bs-credit .breakdown-edit .breakdown-edit-actions .btn { margin-left: 6px } #beginning_balances_page #opening-balances-bs-debit .breakdown-edit .breakdown-edit-apply-button, #opening_balances_index #opening-balances-bs-debit .breakdown-edit .breakdown-edit-apply-button, #beginning_balances_page #opening-balances-bs-credit .breakdown-edit .breakdown-edit-apply-button, #opening_balances_index #opening-balances-bs-credit .breakdown-edit .breakdown-edit-apply-button { background-color: #39d; border-color: #39d; color: #fff; font-weight: bolder } #beginning_balances_page #opening-balances-bs-debit .breakdown-edit .breakdown-edit-apply-button.disabled, #opening_balances_index #opening-balances-bs-debit .breakdown-edit .breakdown-edit-apply-button.disabled, #beginning_balances_page #opening-balances-bs-credit .breakdown-edit .breakdown-edit-apply-button.disabled, #opening_balances_index #opening-balances-bs-credit .breakdown-edit .breakdown-edit-apply-button.disabled { background-color: #9bf; border-color: #9bf; cursor: not-allowed; opacity: 0.65 } #beginning_balances_page .opening-balance-faq, #opening_balances_index .opening-balance-faq { margin: 15px auto; padding: 15px 0px; border-top: 1px dashed #E6E6E6 } #beginning_balances_page .opening-balance-faq .faq-header, #opening_balances_index .opening-balance-faq .faq-header { font-size: 16px } #beginning_balances_page .opening-balance-faq .faq-section, #opening_balances_index .opening-balance-faq .faq-section { margin-top: 17px } #beginning_balances_page .opening-balance-faq .faq-section .title, #opening_balances_index .opening-balance-faq .faq-section .title { padding-top: 5px; font-weight: bold; font-size: 14px } #beginning_balances_page .opening-balance-faq .faq-section .faq-article, #opening_balances_index .opening-balance-faq .faq-section .faq-article { padding-top: 5px } #beginning_balances_page .opening-balance-faq .faq-section .faq-article .bs-image, #opening_balances_index .opening-balance-faq .faq-section .faq-article .bs-image { padding-top: 10px } #beginning_balances_page .opening-balance-faq .faq-section .faq-article .bs-image img, #opening_balances_index .opening-balance-faq .faq-section .faq-article .bs-image img { display: block; margin: 0px auto } #opening-balance-import .fade-btn { margin: 8px; width: 170px } #opening-balance-import .introduction { box-shadow: #e2e2e2 0 0 1px 1px; width: 500px } #opening-balance-import .introduction .inner { padding: 10px } #opening-balance-import .introduction .inner .header { padding-bottom: 10px } #opening-balance-import .introduction .inner .header .title { display: inline-block; font-weight: bold; padding-right: 10px } #opening-balance-import .introduction .inner .header .help { display: inline-block; font-size: 12px } #opening-balance-import .introduction .inner .description ul { list-style: decimal } #opening_balances_index #opening-balances-bs-credit table tbody tr.opening-balances-bs-header th.account .amount, #opening_balances_index #opening-balances-bs-debit table tbody tr.opening-balances-bs-header th.account .amount { padding-left: 145px } #opening_balances_index #opening-balances-bs-credit table tbody tr.debit-line-item-row td.line-account-balance input:disabled, #opening_balances_index #opening-balances-bs-credit table tbody tr.credit-line-item-row td.line-account-balance input:disabled, #opening_balances_index #opening-balances-bs-debit table tbody tr.debit-line-item-row td.line-account-balance input:disabled, #opening_balances_index #opening-balances-bs-debit table tbody tr.credit-line-item-row td.line-account-balance input:disabled { border-color: transparent; cursor: default; padding-left: 15px; color: #868686; opacity: 1; background: transparent; -webkit-box-shadow: none; -box-shadow: none; -webkit-transition: none } #opening_balances_index #opening-balances-bs-credit table tbody tr.bank-account-sum td.amount, #opening_balances_index #opening-balances-bs-debit table tbody tr.bank-account-sum td.amount { padding-right: 10px } .modal-content .alert { display: inline-block } .modal-content .alert .exclamation-wrapper { width: 42px; display: inline } .modal-content .alert .exclamation-wrapper .icon-exclamation-sign { vertical-align: middle; font-size: 28px } .modal-content .alert .message { width: 300px; display: inline } .modal-content .actions .btn { margin-right: 6px } .modal-content .select-conversion-timing { margin-top: 16px } .modal-content .select-conversion-timing .description { margin-left: 12px } .modal-content input[type="radio"] { margin-right: 4px } .opening-balances-breakdown-type-select .btn { margin-right: 6px } .contents-area.responsive #beginning_balances_page .introduction-message, .contents-area.responsive #opening_balances_index .introduction-message, .contents-area.responsive #beginning_balances_page .edit-controls, .contents-area.responsive #opening_balances_index .edit-controls, .contents-area.responsive #beginning_balances_page .back-button, .contents-area.responsive #opening_balances_index .back-button { display: none } .contents-area.responsive #beginning_balances_page .add-debit-account-line, .contents-area.responsive #opening_balances_index .add-debit-account-line, .contents-area.responsive #beginning_balances_page .add-bank-account-line, .contents-area.responsive #opening_balances_index .add-bank-account-line, .contents-area.responsive #beginning_balances_page .add-credit-account-line, .contents-area.responsive #opening_balances_index .add-credit-account-line { display: none } .contents-area.responsive #beginning_balances_page .actions, .contents-area.responsive #opening_balances_index .actions { width: 100%; text-align: center } .contents-area.responsive #beginning_balances_page .actions .opening-balances-submit-button, .contents-area.responsive #opening_balances_index .actions .opening-balances-submit-button { width: 90%; height: 44px } .contents-area.responsive #beginning_balances_page #opening-balances-bs-credit, .contents-area.responsive #opening_balances_index #opening-balances-bs-credit { margin-top: 5px } .contents-area.responsive #beginning_balances_page #opening-balances-bs-credit #opening_balances_add_line_area, .contents-area.responsive #opening_balances_index #opening-balances-bs-credit #opening_balances_add_line_area { border-left: 1px solid #cfcfcf } .contents-area.responsive #beginning_balances_page #opening-balances-bs-debit, .contents-area.responsive #opening_balances_index #opening-balances-bs-debit, .contents-area.responsive #beginning_balances_page #opening-balances-bs-credit, .contents-area.responsive #opening_balances_index #opening-balances-bs-credit { width: 100%; margin-left: 0 } .contents-area.responsive #beginning_balances_page #opening-balances-bs-debit table tbody tr.debit-line-item-row td.line-account-balance, .contents-area.responsive #opening_balances_index #opening-balances-bs-debit table tbody tr.debit-line-item-row td.line-account-balance, .contents-area.responsive #beginning_balances_page #opening-balances-bs-debit table tbody tr.credit-line-item-row td.line-account-balance, .contents-area.responsive #opening_balances_index #opening-balances-bs-debit table tbody tr.credit-line-item-row td.line-account-balance, .contents-area.responsive #beginning_balances_page #opening-balances-bs-credit table tbody tr.debit-line-item-row td.line-account-balance, .contents-area.responsive #opening_balances_index #opening-balances-bs-credit table tbody tr.debit-line-item-row td.line-account-balance, .contents-area.responsive #beginning_balances_page #opening-balances-bs-credit table tbody tr.credit-line-item-row td.line-account-balance, .contents-area.responsive #opening_balances_index #opening-balances-bs-credit table tbody tr.credit-line-item-row td.line-account-balance { width: 120px } .contents-area.responsive #beginning_balances_page #opening-balances-bs-debit table tbody tr.debit-line-item-row td.line-account-balance input, .contents-area.responsive #opening_balances_index #opening-balances-bs-debit table tbody tr.debit-line-item-row td.line-account-balance input, .contents-area.responsive #beginning_balances_page #opening-balances-bs-debit table tbody tr.credit-line-item-row td.line-account-balance input, .contents-area.responsive #opening_balances_index #opening-balances-bs-debit table tbody tr.credit-line-item-row td.line-account-balance input, .contents-area.responsive #beginning_balances_page #opening-balances-bs-credit table tbody tr.debit-line-item-row td.line-account-balance input, .contents-area.responsive #opening_balances_index #opening-balances-bs-credit table tbody tr.debit-line-item-row td.line-account-balance input, .contents-area.responsive #beginning_balances_page #opening-balances-bs-credit table tbody tr.credit-line-item-row td.line-account-balance input, .contents-area.responsive #opening_balances_index #opening-balances-bs-credit table tbody tr.credit-line-item-row td.line-account-balance input { width: 120px } .contents-area.responsive #beginning_balances_page #opening-balances-bs-debit table tbody tr.debit-line-item-row td.line-account-item-name, .contents-area.responsive #opening_balances_index #opening-balances-bs-debit table tbody tr.debit-line-item-row td.line-account-item-name, .contents-area.responsive #beginning_balances_page #opening-balances-bs-debit table tbody tr.credit-line-item-row td.line-account-item-name, .contents-area.responsive #opening_balances_index #opening-balances-bs-debit table tbody tr.credit-line-item-row td.line-account-item-name, .contents-area.responsive #beginning_balances_page #opening-balances-bs-credit table tbody tr.debit-line-item-row td.line-account-item-name, .contents-area.responsive #opening_balances_index #opening-balances-bs-credit table tbody tr.debit-line-item-row td.line-account-item-name, .contents-area.responsive #beginning_balances_page #opening-balances-bs-credit table tbody tr.credit-line-item-row td.line-account-item-name, .contents-area.responsive #opening_balances_index #opening-balances-bs-credit table tbody tr.credit-line-item-row td.line-account-item-name { width: 100% } .contents-area.responsive #beginning_balances_page #opening-balances-bs-debit table tbody tr.debit-line-item-row td.line-delete-btn, .contents-area.responsive #opening_balances_index #opening-balances-bs-debit table tbody tr.debit-line-item-row td.line-delete-btn, .contents-area.responsive #beginning_balances_page #opening-balances-bs-debit table tbody tr.credit-line-item-row td.line-delete-btn, .contents-area.responsive #opening_balances_index #opening-balances-bs-debit table tbody tr.credit-line-item-row td.line-delete-btn, .contents-area.responsive #beginning_balances_page #opening-balances-bs-credit table tbody tr.debit-line-item-row td.line-delete-btn, .contents-area.responsive #opening_balances_index #opening-balances-bs-credit table tbody tr.debit-line-item-row td.line-delete-btn, .contents-area.responsive #beginning_balances_page #opening-balances-bs-credit table tbody tr.credit-line-item-row td.line-delete-btn, .contents-area.responsive #opening_balances_index #opening-balances-bs-credit table tbody tr.credit-line-item-row td.line-delete-btn { width: 29px } .contents-area.responsive #beginning_balances_page #opening-balances-bs-debit table tbody tr.debit-line-item-row td.line-delete-btn .doc-remove-line, .contents-area.responsive #opening_balances_index #opening-balances-bs-debit table tbody tr.debit-line-item-row td.line-delete-btn .doc-remove-line, .contents-area.responsive #beginning_balances_page #opening-balances-bs-debit table tbody tr.credit-line-item-row td.line-delete-btn .doc-remove-line, .contents-area.responsive #opening_balances_index #opening-balances-bs-debit table tbody tr.credit-line-item-row td.line-delete-btn .doc-remove-line, .contents-area.responsive #beginning_balances_page #opening-balances-bs-credit table tbody tr.debit-line-item-row td.line-delete-btn .doc-remove-line, .contents-area.responsive #opening_balances_index #opening-balances-bs-credit table tbody tr.debit-line-item-row td.line-delete-btn .doc-remove-line, .contents-area.responsive #beginning_balances_page #opening-balances-bs-credit table tbody tr.credit-line-item-row td.line-delete-btn .doc-remove-line, .contents-area.responsive #opening_balances_index #opening-balances-bs-credit table tbody tr.credit-line-item-row td.line-delete-btn .doc-remove-line { display: none } .contents-area.responsive #beginning_balances_page #opening-balances-bs-debit table tbody tr.opening-balances-bs-header th.account .account-name, .contents-area.responsive #opening_balances_index #opening-balances-bs-debit table tbody tr.opening-balances-bs-header th.account .account-name, .contents-area.responsive #beginning_balances_page #opening-balances-bs-credit table tbody tr.opening-balances-bs-header th.account .account-name, .contents-area.responsive #opening_balances_index #opening-balances-bs-credit table tbody tr.opening-balances-bs-header th.account .account-name { width: 30% } .contents-area.responsive #beginning_balances_page #opening-balances-bs-debit table tbody tr.opening-balances-bs-header th.account .residue, .contents-area.responsive #opening_balances_index #opening-balances-bs-debit table tbody tr.opening-balances-bs-header th.account .residue, .contents-area.responsive #beginning_balances_page #opening-balances-bs-credit table tbody tr.opening-balances-bs-header th.account .residue, .contents-area.responsive #opening_balances_index #opening-balances-bs-credit table tbody tr.opening-balances-bs-header th.account .residue { width: 30%; padding-left: 0 } .contents-area.responsive #beginning_balances_page #opening-balances-bs-debit table tbody tr.opening-balances-bs-header th.account .amount, .contents-area.responsive #opening_balances_index #opening-balances-bs-debit table tbody tr.opening-balances-bs-header th.account .amount, .contents-area.responsive #beginning_balances_page #opening-balances-bs-credit table tbody tr.opening-balances-bs-header th.account .amount, .contents-area.responsive #opening_balances_index #opening-balances-bs-credit table tbody tr.opening-balances-bs-header th.account .amount { width: 25%; text-align: right; padding-left: 0 } .contents-area.responsive #beginning_balances_page #opening-balances-bs-debit table tbody td.bank-account-sum-title .bank-account-register-link, .contents-area.responsive #opening_balances_index #opening-balances-bs-debit table tbody td.bank-account-sum-title .bank-account-register-link, .contents-area.responsive #beginning_balances_page #opening-balances-bs-credit table tbody td.bank-account-sum-title .bank-account-register-link, .contents-area.responsive #opening_balances_index #opening-balances-bs-credit table tbody td.bank-account-sum-title .bank-account-register-link { display: none } th.account-item-name { width: 180px } td.right-arrow { padding: 8px 0px; color: #555 } .new-account-item td { padding-bottom: 4px } .opening-balances-step { margin-left: 0; margin-right: 0 } .orientation .orientation-content { -webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; -o-border-radius: 6px; border-radius: 6px; box-sizing: border-box; margin: 8px auto; padding: 8px 16px; background-color: #fff; border: 1px solid #e3e3e3 } #partner_page .standard-form.partner-address-form, #partner_page .standard-form.partner-general-form, #partner_page .standard-form.partner-contact-form { padding-bottom: 15px; margin-bottom: 15px; border-bottom: 1px solid #e3e3e3 } #partner_page .standard-form .fields .field.partner-name-field input, #partner_page .standard-form .fields .field.partner-long-name-field input { width: 240px } #partner_page .standard-form .fields .field.shortcut-field input { width: 97px } #partner_page .standard-form .fields .field.partner-kana-name-field input { width: 220px } #partner_page .standard-form .fields .field.partner-default-title-field select { width: 70px } #partner_page .standard-form .fields .field.partner-contact-name-field input { width: 120px } #partner_page .standard-form .fields .field.partner-contact-mail-field input { width: 400px } #partner_page .standard-form .fields .field.bank-name-field input, #partner_page .standard-form .fields .field.branch-name-field input { width: 240px } #partner_page .standard-form .fields .field.bank-code-field input { width: 90px } #partner_page .standard-form .fields .field.branch-code-field input { width: 75px } #partner_page .standard-form .fields .field.account-type-field select { width: 120px } #partner_page .standard-form .fields .field.account-number-field input { width: 205px } #partner_page .standard-form .fields .field.long-account-name-field input, #partner_page .standard-form .fields .field.account-name-field input { width: 240px } #partner_page .partner-col { width: 140px; margin-right: 20px; float: left; margin-top: 10px } #partner_page .partner-col .category-account_item { width: 100px } #partner_page #partner_email { width: 300px } #partner_page #partner_email input { width: 290px } #partner_page .clear { clear: both; margin: 10px } #partner_page .prefecture_code { width: 140px } #partner_page td.action-icon { width: 44px; text-align: center } #partner_page th.open-mynumber { white-space: nowrap } #password-page img.title-logo { width: 280px; margin: 24px auto; display: block } #password-page .password-container { box-sizing: border-box; margin: 8px auto; padding: 20px; width: 410px; background-color: #fff; border: 1px solid #e3e3e3; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px } #password-page .password-container .password-form { padding: 0 0 15px; margin: 0 auto } #password-page .password-container .password-form .field { margin-bottom: 16px } #password-page .password-container .password-form .field .password-strength-meter { position: absolute; z-index: 1; box-shadow: rgba(0, 0, 0, 0.2) 0 5px 10px 0; border: 1px solid #e3e3e3; border-radius: 4px; background: #fff; padding: 20px; opacity: 1; font-size: 13px; font-weight: normal; width: 210px; text-align: left; line-height: 18px } #password-page .password-container .password-form .field .password-strength-meter .help-text { margin: 0; display: inline } #password-page .password-container .password-form .field .password-strength-meter .help-text .meter { width: 100%; height: 10px; padding-bottom: 3px } #password-page .password-container .password-form .field .password-strength-meter:before, #password-page .password-container .password-form .field .password-strength-meter:after { border-width: 0 10px 10px 10px; border-style: solid; position: absolute; width: 0; left: 0; content: ""; display: block; left: 8px } #password-page .password-container .password-form .field .password-strength-meter:before { border-color: transparent transparent #e3e3e3 transparent; top: -10px } #password-page .password-container .password-form .field .password-strength-meter:after { border-color: transparent transparent #fff transparent; top: -9px } #password-page .password-container .password-form label, #password-page .password-container .password-form input[type="email"], #password-page .password-container .password-form input[type="password"] { box-sizing: border-box; height: auto; display: block; width: 100% } #password-page .password-container .password-form label { font-weight: bold; font-size: 16px; margin: 4px auto 8px } #password-page .password-container .password-form input[type="email"], #password-page .password-container .password-form input[type="password"] { padding: 9px 6px; font-size: 16px; margin: 4px auto } #password-page .password-container .password-form .button-wrapper { text-align: center } #password-page .password-container .password-form .login-button { width: 100%; display: block; margin: 8px auto 0; font-size: 22px; padding-top: 14px; padding-bottom: 14px } #password-page .password-container .password-form .devise-shared-links { padding-top: 8px; text-align: center } @media screen and (max-width:768px) { .responsive #password-page .title-logo { width: 180px; margin-top: 4px; margin-bottom: 4px } .responsive #password-page .password-container { margin: 8px 10px; padding: 10px; width: auto } .responsive #password-page .password-form { width: auto; padding: 8px 0 } } .badge { padding-left: 9px; padding-right: 9px; -webkit-border-radius: 9px; -moz-border-radius: 9px; border-radius: 9px; cursor: default } .badge.attached { background-color: #68b213 } .badge.suggesting { background-color: #e70210 } .badge.suggested { background-color: #76b7d2 } .badge.unconfirmed { background-color: #76b7d2 } .badge.cut-off { background-color: #eaeaea; color: #777 } .badge:hover { cursor: default } .receipt-preview-content { text-align: center; background: #fff; position: relative } .receipt-preview-content .loading-message { position: absolute; width: 100%; top: 50%; left: 0 } .rotate-90 .receipt-image, .rotate-90.receipt-preview-content img { -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg) } .rotate-180 .receipt-image, .rotate-180.receipt-preview-content img { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg) } .rotate-270 .receipt-image, .rotate-270.receipt-preview-content img { -webkit-transform: rotate(270deg); -moz-transform: rotate(270deg); -ms-transform: rotate(270deg); -o-transform: rotate(270deg); transform: rotate(270deg) } .receipt-status { position: absolute; right: -7px; top: -7px } .receipts-filter .field.meta-control { float: right } .receipts-filter .field-user select { width: 120px } .receipts-filter .field-receipt-number input { width: 80px } .receipts-controllers { padding: 10px 20px 20px } .receipts-controllers .importers { padding: 8px 0 15px; min-height: 28px; border-bottom: 1px solid #e3e3e3 } .receipts-controllers .filter { padding-top: 15px } #receipts { min-height: 500px } #receipts .file-drop-zone { display: none; width: 100%; height: 100%; background-color: rgba(255, 255, 255, 0.8); position: absolute; z-index: 3000 } #receipts .file-drop-zone .drop-zone-guide { width: 100%; text-align: center; margin-top: 100px; font-size: 28px } #receipts .list-pager { padding: 10px 0 } #receipts .empty .app-download-links .appstore-link { margin-right: 5px } #receipt .page-controls .control { display: inline-block; vertical-align: middle } #receipt .page-controls .control .number, #receipt .page-controls .control .status { display: inline-block } #receipt .page-controls .control .number { font-size: 14px; font-weight: bold; padding: 10px } #receipt .receipt { border-top: 1px solid #e3e3e3; padding: 15px 0; min-height: 240px } #receipt .receipt .image canvas { -webkit-box-shadow: #ccc 0 5px 10px 0; -moz-box-shadow: #ccc 0 5px 10px 0; box-shadow: #ccc 0 5px 10px 0; width: 460px } #receipt .receipt .electronic_book_storage_target { width: 400px; margin-left: 20px; margin-bottom: 15px; color: #d9534f; font-weight: bold } #receipt .receipt .properties { width: 400px; margin-left: 20px; box-sizing: border-box } #receipt .receipt .properties .property { margin-bottom: 5px; border-bottom: 1px solid #ccc; padding: 0 5px } #receipt .receipt .properties .property label { display: inline-block; width: 70px } #receipt .receipt .properties .property .value { float: right; display: inline-block; text-align: right; width: 300px } #receipt .receipt .properties .property .description .value { text-align: left } #receipt .receipt .deals, #receipt .receipt .expense-applications { width: 400px; margin-left: 20px } #receipt .receipt .deals .access-warn .access-warn-box, #receipt .receipt .expense-applications .access-warn .access-warn-box { margin-bottom: 8px; background-color: #eee; padding: 10px } #receipt .receipt .deals .access-warn .access-warn-box .header .title, #receipt .receipt .expense-applications .access-warn .access-warn-box .header .title { font-weight: bold } #receipt .receipt .deals .deal .properties, #receipt .receipt .deals .expense-application .properties, #receipt .receipt .expense-applications .deal .properties, #receipt .receipt .expense-applications .expense-application .properties { margin-left: 0; margin-top: 5px } #receipt .receipt .deals .deal .deal-box, #receipt .receipt .deals .deal .expense-application-box, #receipt .receipt .deals .expense-application .deal-box, #receipt .receipt .deals .expense-application .expense-application-box, #receipt .receipt .expense-applications .deal .deal-box, #receipt .receipt .expense-applications .deal .expense-application-box, #receipt .receipt .expense-applications .expense-application .deal-box, #receipt .receipt .expense-applications .expense-application .expense-application-box { background-color: #eee; padding: 10px } #receipt .receipt .deals .deal .deal-box .header, #receipt .receipt .deals .deal .expense-application-box .header, #receipt .receipt .deals .expense-application .deal-box .header, #receipt .receipt .deals .expense-application .expense-application-box .header, #receipt .receipt .expense-applications .deal .deal-box .header, #receipt .receipt .expense-applications .deal .expense-application-box .header, #receipt .receipt .expense-applications .expense-application .deal-box .header, #receipt .receipt .expense-applications .expense-application .expense-application-box .header { margin-bottom: 20px } #receipt .receipt .deals .deal .deal-box .header .title, #receipt .receipt .deals .deal .expense-application-box .header .title, #receipt .receipt .deals .expense-application .deal-box .header .title, #receipt .receipt .deals .expense-application .expense-application-box .header .title, #receipt .receipt .expense-applications .deal .deal-box .header .title, #receipt .receipt .expense-applications .deal .expense-application-box .header .title, #receipt .receipt .expense-applications .expense-application .deal-box .header .title, #receipt .receipt .expense-applications .expense-application .expense-application-box .header .title { font-weight: bold } #receipt .receipt .deals .deal .deal-box .header .deal-type, #receipt .receipt .deals .deal .expense-application-box .header .deal-type, #receipt .receipt .deals .expense-application .deal-box .header .deal-type, #receipt .receipt .deals .expense-application .expense-application-box .header .deal-type, #receipt .receipt .expense-applications .deal .deal-box .header .deal-type, #receipt .receipt .expense-applications .deal .expense-application-box .header .deal-type, #receipt .receipt .expense-applications .expense-application .deal-box .header .deal-type, #receipt .receipt .expense-applications .expense-application .expense-application-box .header .deal-type { float: right; color: #fff; padding: 2px 4px; background-color: #000 } #receipt .receipt .deals .deal .deal-box .header .deal-type.expense, #receipt .receipt .deals .deal .expense-application-box .header .deal-type.expense, #receipt .receipt .deals .expense-application .deal-box .header .deal-type.expense, #receipt .receipt .deals .expense-application .expense-application-box .header .deal-type.expense, #receipt .receipt .expense-applications .deal .deal-box .header .deal-type.expense, #receipt .receipt .expense-applications .deal .expense-application-box .header .deal-type.expense, #receipt .receipt .expense-applications .expense-application .deal-box .header .deal-type.expense, #receipt .receipt .expense-applications .expense-application .expense-application-box .header .deal-type.expense { background-color: #c7243a } #receipt .receipt .deals .deal .deal-box .header .deal-type.income, #receipt .receipt .deals .deal .expense-application-box .header .deal-type.income, #receipt .receipt .deals .expense-application .deal-box .header .deal-type.income, #receipt .receipt .deals .expense-application .expense-application-box .header .deal-type.income, #receipt .receipt .expense-applications .deal .deal-box .header .deal-type.income, #receipt .receipt .expense-applications .deal .expense-application-box .header .deal-type.income, #receipt .receipt .expense-applications .expense-application .deal-box .header .deal-type.income, #receipt .receipt .expense-applications .expense-application .expense-application-box .header .deal-type.income { background-color: #208dc3 } #receipt .receipt .deals .deal .deal-box .properties .property, #receipt .receipt .deals .deal .expense-application-box .properties .property, #receipt .receipt .deals .expense-application .deal-box .properties .property, #receipt .receipt .deals .expense-application .expense-application-box .properties .property, #receipt .receipt .expense-applications .deal .deal-box .properties .property, #receipt .receipt .expense-applications .deal .expense-application-box .properties .property, #receipt .receipt .expense-applications .expense-application .deal-box .properties .property, #receipt .receipt .expense-applications .expense-application .expense-application-box .properties .property { width: 370px } #receipt .receipt .deals .deal .deal-box .properties .property .value, #receipt .receipt .deals .deal .expense-application-box .properties .property .value, #receipt .receipt .deals .expense-application .deal-box .properties .property .value, #receipt .receipt .deals .expense-application .expense-application-box .properties .property .value, #receipt .receipt .expense-applications .deal .deal-box .properties .property .value, #receipt .receipt .expense-applications .deal .expense-application-box .properties .property .value, #receipt .receipt .expense-applications .expense-application .deal-box .properties .property .value, #receipt .receipt .expense-applications .expense-application .expense-application-box .properties .property .value { width: 300px } #receipt .receipt .deals .deal .deal-box .actions, #receipt .receipt .deals .deal .expense-application-box .actions, #receipt .receipt .deals .expense-application .deal-box .actions, #receipt .receipt .deals .expense-application .expense-application-box .actions, #receipt .receipt .expense-applications .deal .deal-box .actions, #receipt .receipt .expense-applications .deal .expense-application-box .actions, #receipt .receipt .expense-applications .expense-application .deal-box .actions, #receipt .receipt .expense-applications .expense-application .expense-application-box .actions { text-align: right } #receipt .receipt .version-selector select { margin-bottom: 5px; width: auto } #receipt .receipt .attach-actions { width: 400px; margin: 20px 0 0 20px } #receipt .receipt .attach-actions .message .highlight { font-weight: bold } #receipt .receipt .attach-actions .message .warning { color: #c7243a } #receipt .receipt .attach-actions .actions { margin-top: 5px; text-align: right } #receipt .receipt .file-actions { width: 400px; margin-top: 10px; margin-left: 10px; padding: 0 10px } #receipt .receipt .file-actions .actions { text-align: right } #receipt .receipt .deal-form { width: 400px; margin: 20px 0 10px 20px; background-color: #eee } #receipt .receipt .deal-form .deal-form-controls { padding: 10px } #receipt .receipt .deal-form .help.icon-question-sign { font-size: 14px } #receipt .receipt .deal-form .field-deal-code { padding-bottom: 10px; width: 100% } #receipt .receipt .deal-form .field-deal-code .deal-create-label { float: left; font-weight: bold } #receipt .receipt .deal-form .field-deal-code .deal-codes { float: right } #receipt .receipt .deal-form .deal-require-fields { margin-bottom: 0 } #receipt .receipt .deal-form .deal-require-fields label { width: 80px; text-align: right } #receipt .receipt .deal-form .deal-require-fields .field { margin-bottom: 10px } #receipt .receipt .deal-form .field-deal-tags { margin-bottom: 10px } #receipt .receipt .deal-form .field-deal-tags .field-tag-header { float: none; margin-bottom: 5px } #receipt .receipt .deal-form .field-deal-tags .field-tag-header .wrap-title { display: inline-block } #receipt .receipt .deal-form .field-partner, #receipt .receipt .deal-form .field-tags { padding-left: 12px; padding-bottom: 5px } #receipt .receipt .deal-form .field-partner .field, #receipt .receipt .deal-form .field-tags .field { margin-bottom: 10px } #receipt .receipt .deal-form .field-description { width: 100% } #receipt .receipt .deal-form .field-description input { width: 88% } #receipt .receipt .deal-form .action-buttons { text-align: center } #receipt .receipt .deal-form .suggest-badge { background-color: #76b7d2; color: #fff; cursor: default } #receipt .receipt .extra-info { display: inline-block } #receipt .receipt .extra-info .extra { padding-top: 20px; box-sizing: border-box } #receipt .receipt .extra-info .extra .location { float: left } #receipt .receipt .extra-info .extra .location .map { width: 460px; height: 200px } #receipt .receipt .extra-info .extra .event { float: right; width: 380px; padding: 0 20px } #receipt .receipt .extra-info .extra .event .title { background-color: #eee; font-weight: bold; padding: 5px; margin-bottom: 5px } #receipt .receipt .extra-info .extra .event .row { background-color: #fcfcfe; padding-left: 5px } #receipt .receipt .extra-info .extra .event .row label { float: left; width: 60px } #receipt .receipt.portrait .info { float: left } #receipt .receipt.portrait .image { float: left; box-sizing: border-box; width: 460px } #receipt .receipt.portrait .image img { max-width: 460px } #receipt .receipt.portrait .image .pdf { position: relative } #receipt .receipt.landscape .image { width: 700px; box-sizing: border-box; margin-bottom: 40px } #receipt .receipt.landscape .image img { max-width: 700px } #receipt .receipt.landscape .info { width: 840px } #receipt .receipt.landscape .left-info { float: left } #receipt .receipt.landscape .right-info { float: right } #receipt .receipt.landscape .electronic_book_storage_target, #receipt .receipt.landscape .properties, #receipt .receipt.landscape .deal-form, #receipt .receipt.landscape .attach-actions, #receipt .receipt.landscape .file-actions, #receipt .receipt.landscape .deals { margin-left: 0 } #receipt .receipt.landscape .file-actions .actions { margin-right: 10px } #receipt .receipt.landscape .extra-info .extra .location .map { width: 410px } #receipt .receipt.landscape .extra-info .extra .event { width: 410px } #receipt .receipt-image { -webkit-box-shadow: #ccc 0 5px 10px 0; -moz-box-shadow: #ccc 0 5px 10px 0; box-shadow: #ccc 0 5px 10px 0 } #receipt .rotate-90 .receipt-image { -webkit-box-shadow: #ccc 5px 0 10px 0; -moz-box-shadow: #ccc 5px 0 10px 0; box-shadow: #ccc 5px 0 10px 0 } #receipt .rotate-180 .receipt-image { -webkit-box-shadow: #ccc 0 -5px 10px 0; -moz-box-shadow: #ccc 0 -5px 10px 0; box-shadow: #ccc 0 -5px 10px 0 } #receipt .rotate-270 .receipt-image { -webkit-box-shadow: #ccc -5px 0 10px 0; -moz-box-shadow: #ccc -5px 0 10px 0; box-shadow: #ccc -5px 0 10px 0 } #receipt .rotate-image { display: none; width: 130px; margin-bottom: 0 } .edit-receipt-modal .edit-fields input { width: 95% } #dropbox .dropbox-dirs { padding: 30px } #dropbox .dropbox-dirs table td.number { text-align: right } #dropbox .btn-wrapper { text-align: center } .notification-count { min-width: 13px; z-index: 1; text-align: center; padding: 0 3px; border-radius: 3px; min-width: 13px; z-index: 1; font-size: 10px; color: #fff; text-align: center; background-color: #c7243a } .reports { padding-bottom: 20px } .reports form { margin: 0 } .reports table { width: 100% th; width-text-align: right !important } .reports .break-inside-avoid { display: block; page-break-inside: avoid } .reports .top_row_cell { border-top: 1px solid #888 } .reports .combo-chart { display: inline-block } .reports .pie-chart { display: inline-block } .reports #deal-list { margin-top: 25px; border-top: 1px solid #e3e3e3; padding: 15px 0 0 } .reports #deal-list:after { content: ""; clear: both; display: block } .reports #deal-list .list-controls { padding: 8px; border-top: 1px solid #e3e3e3; background: -owg-linear-gradient(top, #fcfcfc, #f2f2f2); background: -webkit-linear-gradient(top, #fcfcfc, #f2f2f2); background: -moz-linear-gradient(top, #fcfcfc, #f2f2f2); background: -o-linear-gradient(top, #fcfcfc, #f2f2f2); background: linear-gradient(top, #fcfcfc, #f2f2f2) } .reports #deal-list .deal-list-table-wrapper { padding: 15px 0 } .reports #deal-list .read-more-button { float: left } .reports #deal-list .deal-details-button { float: right } .reports #deal-list .export-action { padding-bottom: 15px } .reports #deal-list .export-action .btn { float: left } .reports #deal-list .export-action:after { content: ""; clear: both; display: block } .reports #deal-list table.list-table.categorized-by-partner_name .partner-cell .sorter { display: none } .reports #deal-list table.list-table>tbody>tr td.checkbox-cell, .reports #deal-list table.list-table>tbody>tr th.checkbox-cell, .reports #deal-list table.list-table>thead>tr td.checkbox-cell, .reports #deal-list table.list-table>thead>tr th.checkbox-cell { display: none } .reports #deal-list table.list-table>tbody>tr td.status-cell, .reports #deal-list table.list-table>tbody>tr th.status-cell, .reports #deal-list table.list-table>thead>tr td.status-cell, .reports #deal-list table.list-table>thead>tr th.status-cell { width: 100px } .reports #deal-list table.list-table>tbody>tr td.edit-cell, .reports #deal-list table.list-table>tbody>tr th.edit-cell, .reports #deal-list table.list-table>thead>tr td.edit-cell, .reports #deal-list table.list-table>thead>tr th.edit-cell { width: 100px; text-align: right } .reports #deal-list table.list-table>tbody>tr.summary-line>th, .reports #deal-list table.list-table>tbody>tr.summary-line>td { background-color: #e3e3e3 } .reports #deal-list table.list-table>tbody>tr.summary-line>th.category-name, .reports #deal-list table.list-table>tbody>tr.summary-line>td.category-name { font-weight: bold; text-align: center } .reports #deal-list .payables table.list-table>tbody>tr td, .reports #deal-list .payables table.list-table>tbody>tr th, .reports #deal-list .payables table.list-table>thead>tr td, .reports #deal-list .payables table.list-table>thead>tr th { display: table-cell } .reports #deal-list .list-info { margin-left: 8px; padding-top: 6px; float: left } .reports .empty { width: 940px; margin: 60px auto 0px } .reports .empty .wrapper { text-align: center } .reports .empty .example { width: 700px; height: 300px; margin: 0px auto; position: relative } .reports .empty .example .detail { position: absolute; top: 80px; left: 150px; width: 450px } .reports .empty .example .detail .title { display: block; font-size: 20px; font-weight: bold; margin-bottom: 20px } .period-form select { width: auto } .page-container.journals .journals-table.without-summary-corresponding .deal-line-summary .summary-corresponding { display: none } .page-container.journals .inner { padding-bottom: 5px } .page-container.journals .export-buttons .btn { width: 112px; height: 32px; font-size: 14px } .page-container.journals .list-actions { padding: 7px 10px; background: -owg-linear-gradient(top, #fcfcfc, #f2f2f2); background: -webkit-linear-gradient(top, #fcfcfc, #f2f2f2); background: -moz-linear-gradient(top, #fcfcfc, #f2f2f2); background: -o-linear-gradient(top, #fcfcfc, #f2f2f2); background: linear-gradient(top, #fcfcfc, #f2f2f2); border-top: 1px solid #e3e3e3; background-color: #fff } .page-container.journals .txn-summary .txn-number { background: #dfdfff; border-radius: 2px; font-weight: normal; padding: 1px 3px } .page-container.journals th.txn-summary .optional-summary { margin-top: 5px } .page-container.journals td.txn-summary .txn-number { font-size: 12px; color: #666 } .fixed_header { display: none; position: fixed; top: 34px; left: 0 } .reset-confirm-modal .list { margin-top: 15px; list-style: none } .reset-confirm-modal .footer button { margin: 4px 6px } #sections_page .section-col { width: 140px; margin-right: 20px; float: left } #sections_page .section-col .category-account_item { width: 100px } #sections_page td.action-icon { width: 26px; text-align: center } #sections_page td.action-release-of-parent { width: 85px; text-align: center } #sections_page td.section-parent-narrow, #sections_page td.section-child { width: 240px } #sections_page td.section-parent-wide { width: 480px } #sections_page td.section-shortcut { width: 150px } #sections_page td.section-shortcut_num { width: 150px } #sections_page td.section-datetime { width: 120px } #sections_page .actions { margin-bottom: 10px } #sections_page .actions:after { content: ""; clear: both; display: block } #sections_page .actions .action { float: left } h1.setup-title { margin-bottom: 15px; border-bottom: 1px solid #e3e3e3 } .setup-contents { position: relative; *zoom: 1 } .setup-contents:after { content: ""; display: table; clear: both } .setup-steps { float: left } .setup-step { padding-left: 15px } .setup-step .step-status { position: relative; display: inline-block; width: 32px; height: 32px; line-height: 32px; margin-right: 10px; border-radius: 32px; border: 5px solid #999; font-size: 16px; text-align: center } .setup-step .step-status.status-ok { background-color: #999; color: #fff } .setup-step .step-label { display: inline-block; line-height: 36px; margin-right: 10px; font-size: 18px } .setup-step .icon-ok { display: inline-block; line-height: 40px; color: #7db500; font-size: 32px } .setup-step .help { font-size: 13px } .setup-step-arrow { position: relative; height: 30px } .setup-step-arrow:before { position: absolute; width: 0; height: 0; bottom: 10px; left: 100px; content: ''; border-top-width: 14px; border-right-width: 10px; border-left-width: 10px; border-bottom-width: 0; border-color: #666 transparent; border-style: solid } .setup-right { float: right } .help-icon { position: relative; line-height: 17px; display: inline-block; font-size: 17px; font-weight: normal; vertical-align: middle } .help-balloon { margin: 0; position: absolute; top: 33px; left: -19px; z-index: 1; box-shadow: rgba(0, 0, 0, 0.2) 0 5px 10px 0; border: 1px solid #e3e3e3; border-radius: 4px; background: #fff; padding: 4px 8px; opacity: 1; font-size: 13px; font-weight: normal; width: 200px; text-align: left; line-height: 18px } .help-balloon span.help-text { margin: 0; display: inline } .help-balloon:before, .help-balloon:after { display: block; border-width: 0 10px 10px 10px; border-style: solid; position: absolute; width: 0; left: 0; content: "" } .help-balloon:before { border-color: transparent transparent #e3e3e3 transparent; top: -10px } .help-balloon:after { border-color: transparent transparent #fff transparent; top: -9px } .personal-company-setting .attribute input[type=text], .corporate-company-setting .attribute input[type=text], .sign_up_person .attribute input[type=text] { width: 97% } .personal-company-setting .attribute select, .corporate-company-setting .attribute select, .sign_up_person .attribute select { width: 100% } .personal-company-setting .attribute .attribute-space, .corporate-company-setting .attribute .attribute-space, .sign_up_person .attribute .attribute-space { margin-top: 10px } .material-icons { font: normal 400 24px/1 'Material Icons'; display: inline-block; width: 1em; height: 1em; text-transform: none; -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; -moz-osx-font-smoothing: grayscale; font-feature-settings: 'liga' } .material-icons.md-18 { font-size: 18px } .material-icons.md-24 { font-size: 24px } .material-icons.md-36 { font-size: 36px } .material-icons.md-48 { font-size: 48px } .material-icons.md-dark { color: rgba(0, 0, 0, 0.54) } .material-icons.md-dark.md-inactive { color: rgba(0, 0, 0, 0.26) } .material-icons.md-light { color: #fff } .material-icons.md-light.md-inactive { color: rgba(255, 255, 255, 0.3) } .sign-up-view img.title-logo { width: 280px; margin: 24px auto; display: block } .sign-up-view .container { box-sizing: border-box; margin: 8px auto; padding: 20px; width: 410px; background-color: #fff; border: 1px solid #e3e3e3; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px } .sign-up-view .container .input-form { margin: 0 auto; padding: 0 } .sign-up-view .container .input-form .field { margin-bottom: 16px } .sign-up-view .container .input-form label, .sign-up-view .container .input-form input[type="text"], .sign-up-view .container .input-form input[type="email"], .sign-up-view .container .input-form input[type="password"] { box-sizing: border-box; height: auto; display: block; width: 100% } .sign-up-view .container .input-form label { font-weight: bold; font-size: 16px; margin: 0 auto 10px } .sign-up-view .container .input-form input[type="text"], .sign-up-view .container .input-form input[type="email"], .sign-up-view .container .input-form input[type="password"] { padding: 9px 6px; font-size: 16px; margin: 0 } .sign-up-view .container .input-form .button-wrapper { text-align: center } .sign-up-view .container .input-form .submit-button { width: 100%; display: block; margin: 8px auto 0; padding: 8px; width: auto; font-size: 16px } .sign-up-view .container .input-form .devise-shared-links { padding-top: 8px; text-align: center } .sign-up-view .sign-up-link { text-align: center; margin-bottom: 60px } .sign-up-view .sign-up-title-label { margin-bottom: 15px; text-align: center; font-weight: bold; font-size: 16px } .sign-up-view .container .input-form .attribute { margin-bottom: 20px } .sign-up-view .container .input-form .attribute.range-space { margin-top: 40px } .sign-up-view .container .input-form .attribute .password-strength-meter { margin: 10px; position: absolute; z-index: 1; box-shadow: rgba(0, 0, 0, 0.2) 0 5px 10px 0; border: 1px solid #e3e3e3; border-radius: 4px; background: #fff; padding: 20px; opacity: 1; font-size: 13px; font-weight: normal; width: 210px; text-align: left; line-height: 18px } .sign-up-view .container .input-form .attribute .password-strength-meter .help-text { margin: 0; display: inline } .sign-up-view .container .input-form .attribute .password-strength-meter .help-text .meter { width: 100%; height: 10px; padding-bottom: 3px } .sign-up-view .container .input-form .attribute .password-strength-meter:before, .sign-up-view .container .input-form .attribute .password-strength-meter:after { border-width: 0 10px 10px 10px; border-style: solid; position: absolute; width: 0; left: 0; content: ""; display: block; left: 8px } .sign-up-view .container .input-form .attribute .password-strength-meter:before { border-color: transparent transparent #e3e3e3 transparent; top: -10px } .sign-up-view .container .input-form .attribute .password-strength-meter:after { border-color: transparent transparent #fff transparent; top: -9px } .sign-up-view .container .input-form select { display: block; margin: 0; height: 38px; width: 100%; font-size: 16px } .sign-up-view .container .input-form input[type="password"].password { display: inline-block; width: 49%; font-size: 13px } .sign-up-view .container .input-form input[type="password"].password-confirm { display: inline-block; width: 49%; font-size: 13px } .sign-up-view .container .input-form .oauth-fields .user-common-auth { display: table-cell } .sign-up-view .container .input-form .email-fields input[type=email] { display: inline-block; width: 100% } .sign-up-view .container .input-form .email-fields, .sign-up-view .container .input-form .phone-fields, .sign-up-view .container .input-form .company-fields { vertical-align: middle } .sign-up-view .container .input-form .company-fields { display: none } .sign-up-view .container .input-form .password-input .password span { font-size: 12px; font-weight: normal } .sign-up-view .container .input-form .phone-fields .phone .phone-number { display: inline-block; width: 49% } .sign-up-view .container .input-form div.note { width: 100%; text-align: center } .sign-up-view .container .input-form div.note input[type="checkbox"] { display: inline-block } .sign-up-view .container .input-form div.note label.note { display: inline-block; width: auto; font-size: 13px; font-weight: normal } .sign-up-view .container .input-form .help-sign-up { display: inline-block } .sign-up-view .container .input-form a.google, .sign-up-view .container .input-form a.facebook, .sign-up-view .container .input-form a.microsoft, .sign-up-view .container .input-form a.office365 { width: 36px; height: 36px } .sign-up-view .container .input-form .google, .sign-up-view .container .input-form .facebook, .sign-up-view .container .input-form .microsoft, .sign-up-view .container .input-form .office365, .sign-up-view .container .input-form .cancel-registration { display: inline-block; box-sizing: border-box; margin-bottom: 10px; width: 36px; height: 36px; line-height: 36px; color: #fff; text-align: center; vertical-align: middle } .sign-up-view .container .input-form .google { margin-right: 5px; background-color: #39d; border-radius: 3px; font-size: 16px } .sign-up-view .container .input-form .google:hover { background-color: #61AEE2 } .sign-up-view .container .input-form .facebook { margin-right: 5px; text-decoration: none; background-color: #3664a2; border-radius: 3px } .sign-up-view .container .input-form .facebook:hover { background-color: #5980B5 } .sign-up-view .container .input-form .microsoft { margin-right: 5px; text-decoration: none; background-color: #0078D6; border-radius: 3px } .sign-up-view .container .input-form .microsoft:hover { background-color: #3BA1F1 } .sign-up-view .container .input-form .microsoft img { width: 20px; height: 20px } .sign-up-view .container .input-form .office365 { margin-right: 5px; text-decoration: none; background-color: #EB3C00; border-radius: 3px } .sign-up-view .container .input-form .office365:hover { background-color: #FF7242 } .sign-up-view .container .input-form .office365 img { width: 20px; height: 20px } .sign-up-view .container .input-form .cancel-registration { width: 80px; color: #333; background-color: #f5f5f5 } @media screen and (max-width:768px) { .responsive .sign-up-view .title-logo { width: 180px; margin-top: 4px; margin-bottom: 4px } .responsive .sign-up-view .container { margin: 8px 10px; padding: 10px; width: auto } .responsive .sign-up-view .input-form { width: auto; padding: 8px 0 } .responsive .sign-up-view .sign-up-link { margin-bottom: 8px } } .personal-company-setting, .corporate-company-setting, .sign_up_person, #company-setting, #signup-survey { margin: 0 auto } .personal-company-setting .sign_up_head_logo, .company-setting .sign_up_head_logo, .corporate-company-setting .sign_up_head_logo, .sign_up_person .sign_up_head_logo, #company-setting .sign_up_head_logo, #signup-survey .sign_up_head_logo { text-align: center } .personal-company-setting .sign_up_head_logo img.logo, .corporate-company-setting .sign_up_head_logo img.logo, .sign_up_person .sign_up_head_logo img.logo, #company-setting .sign_up_head_logo img.logo, #signup-survey .sign_up_head_logo img.logo { width: 220px } .personal-company-setting .sign_up_head_logo h1, .corporate-company-setting .sign_up_head_logo h1, .sign_up_person .sign_up_head_logo h1, #company-setting .sign_up_head_logo h1, #signup-survey .sign_up_head_logo h1 { font-size: 22px; font-weight: bold } .personal-company-setting .sign-up-title, .company-setting .sign-up-title, .corporate-company-setting .sign-up-title, .sign_up_person .sign-up-title, #company-setting .sign-up-title, #signup-survey .sign-up-title { margin: 16px 0; text-align: center; font-size: 18px; font-weight: bold } .personal-company-setting .container, .corporate-company-setting .container, .sign_up_person .container, #company-setting .container, #signup-survey .container { width: 360px; margin: 8px auto } .personal-company-setting .container .container-box, .corporate-company-setting .container .container-box, .sign_up_person .container .container-box, #company-setting .container .container-box, #signup-survey .container .container-box { box-sizing: border-box; padding: 20px 40px; background-color: #fff; border: 1px solid #e3e3e3; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px } .personal-company-setting .container.large, .corporate-company-setting .container.large, .sign_up_person .container.large, #company-setting .container.large, #signup-survey .container.large { width: 500px } .personal-company-setting .container.large .container-box, .corporate-company-setting .container.large .container-box, .sign_up_person .container.large .container-box, #company-setting .container.large .container-box, #signup-survey .container.large .container-box { width: 500px } .personal-company-setting .container.invoice, .corporate-company-setting .container.invoice, .sign_up_person .container.invoice, #company-setting .container.invoice, #signup-survey .container.invoice { width: 780px } .personal-company-setting .container.invoice .container-box, .corporate-company-setting .container.invoice .container-box, .sign_up_person .container.invoice .container-box, #company-setting .container.invoice .container-box, #signup-survey .container.invoice .container-box { width: 500px } .personal-company-setting .sign-up-form, .corporate-company-setting .sign-up-form, .sign_up_person .sign-up-form, #company-setting .sign-up-form, #signup-survey .sign-up-form { margin: 0 auto } .personal-company-setting .sign-up-form .attribute, .corporate-company-setting .sign-up-form .attribute, .sign_up_person .sign-up-form .attribute, #company-setting .sign-up-form .attribute, #signup-survey .sign-up-form .attribute { display: block; margin-bottom: 20px } .personal-company-setting .sign-up-form .attribute.range-space, .corporate-company-setting .sign-up-form .attribute.range-space, .sign_up_person .sign-up-form .attribute.range-space, #company-setting .sign-up-form .attribute.range-space, #signup-survey .sign-up-form .attribute.range-space { margin-top: 40px } .personal-company-setting .sign-up-form .attribute.head_count span, .corporate-company-setting .sign-up-form .attribute.head_count span, .sign_up_person .sign-up-form .attribute.head_count span, #company-setting .sign-up-form .attribute.head_count span, #signup-survey .sign-up-form .attribute.head_count span { font-size: 12px; font-weight: normal } .personal-company-setting .sign-up-form input[type="text"], .personal-company-setting .sign-up-form select, .personal-company-setting .sign-up-form label, .corporate-company-setting .sign-up-form input[type="text"], .corporate-company-setting .sign-up-form select, .corporate-company-setting .sign-up-form label, .sign_up_person .sign-up-form input[type="text"], .sign_up_person .sign-up-form select, .sign_up_person .sign-up-form label, #company-setting .sign-up-form input[type="text"], #company-setting .sign-up-form select, #company-setting .sign-up-form label, #signup-survey .sign-up-form input[type="text"], #signup-survey .sign-up-form select, #signup-survey .sign-up-form label { margin: 0 } .personal-company-setting .sign-up-form input[type="text"], .corporate-company-setting .sign-up-form input[type="text"], .sign_up_person .sign-up-form input[type="text"], #company-setting .sign-up-form input[type="text"], #signup-survey .sign-up-form input[type="text"] { padding: 6px 4px; font-size: 13px; height: 16px } .personal-company-setting .sign-up-form input[type="text"].input-address, .corporate-company-setting .sign-up-form input[type="text"].input-address, .sign_up_person .sign-up-form input[type="text"].input-address, #company-setting .sign-up-form input[type="text"].input-address, #signup-survey .sign-up-form input[type="text"].input-address { font-size: 13px } .personal-company-setting .sign-up-form .title .display_name, .corporate-company-setting .sign-up-form .title .display_name, .sign_up_person .sign-up-form .title .display_name, #company-setting .sign-up-form .title .display_name, #signup-survey .sign-up-form .title .display_name { font-size: 20px; margin-bottom: 10px } .personal-company-setting .sign-up-form .title .headline, .corporate-company-setting .sign-up-form .title .headline, .sign_up_person .sign-up-form .title .headline, #company-setting .sign-up-form .title .headline, #signup-survey .sign-up-form .title .headline { color: #37852a; font-size: 14px } .personal-company-setting .sign-up-form label, .corporate-company-setting .sign-up-form label, .sign_up_person .sign-up-form label, #company-setting .sign-up-form label, #signup-survey .sign-up-form label { font-size: 14px; margin-top: 10px; margin-bottom: 4px } .personal-company-setting .sign-up-form label.header, .corporate-company-setting .sign-up-form label.header, .sign_up_person .sign-up-form label.header, #company-setting .sign-up-form label.header, #signup-survey .sign-up-form label.header { font-weight: bold } .personal-company-setting .sign-up-form label.check, .corporate-company-setting .sign-up-form label.check, .sign_up_person .sign-up-form label.check, #company-setting .sign-up-form label.check, #signup-survey .sign-up-form label.check { display: inline; vertical-align: middle; padding-left: 3px; font-size: 14px } .personal-company-setting .sign-up-form .check-field, .corporate-company-setting .sign-up-form .check-field, .sign_up_person .sign-up-form .check-field, #company-setting .sign-up-form .check-field, #signup-survey .sign-up-form .check-field { margin-top: 20px } .personal-company-setting .sign-up-form .hidden, .corporate-company-setting .sign-up-form .hidden, .sign_up_person .sign-up-form .hidden, #company-setting .sign-up-form .hidden, #signup-survey .sign-up-form .hidden { display: none } .personal-company-setting .sign-up-form .help-icon, .corporate-company-setting .sign-up-form .help-icon, .sign_up_person .sign-up-form .help-icon, #company-setting .sign-up-form .help-icon, #signup-survey .sign-up-form .help-icon { display: inline } .personal-company-setting .sign-up-form .help-icon i, .corporate-company-setting .sign-up-form .help-icon i, .sign_up_person .sign-up-form .help-icon i, #company-setting .sign-up-form .help-icon i, #signup-survey .sign-up-form .help-icon i { vertical-align: middle } .personal-company-setting .sign-up-form select, .corporate-company-setting .sign-up-form select, .sign_up_person .sign-up-form select, #company-setting .sign-up-form select, #signup-survey .sign-up-form select { height: 32px } .personal-company-setting .sign-up-form .phone .field_with_errors, .corporate-company-setting .sign-up-form .phone .field_with_errors, .sign_up_person .sign-up-form .phone .field_with_errors, #company-setting .sign-up-form .phone .field_with_errors, #signup-survey .sign-up-form .phone .field_with_errors { display: inline } .personal-company-setting .sign-up-form .phone span, .corporate-company-setting .sign-up-form .phone span, .sign_up_person .sign-up-form .phone span, #company-setting .sign-up-form .phone span, #signup-survey .sign-up-form .phone span { font-size: 13px } .personal-company-setting .sign-up-form .phone input, .corporate-company-setting .sign-up-form .phone input, .sign_up_person .sign-up-form .phone input, #company-setting .sign-up-form .phone input, #signup-survey .sign-up-form .phone input { width: 65px } .personal-company-setting .sign-up-form .advisor-interest, .corporate-company-setting .sign-up-form .advisor-interest, .sign_up_person .sign-up-form .advisor-interest, #company-setting .sign-up-form .advisor-interest, #signup-survey .sign-up-form .advisor-interest { margin-top: 10px } .personal-company-setting .sign-up-form .advisor-interest .choice, .corporate-company-setting .sign-up-form .advisor-interest .choice, .sign_up_person .sign-up-form .advisor-interest .choice, #company-setting .sign-up-form .advisor-interest .choice, #signup-survey .sign-up-form .advisor-interest .choice { display: inline; vertical-align: middle; padding-left: 3px; font-size: 14px } .personal-company-setting .sign-up-form .headline, .corporate-company-setting .sign-up-form .headline, .sign_up_person .sign-up-form .headline, #company-setting .sign-up-form .headline, #signup-survey .sign-up-form .headline { border-top: 1px solid #e3e3e3; margin: 30px 0 0; text-align: center; padding: 0; height: 14px } .personal-company-setting .sign-up-form .headline span, .corporate-company-setting .sign-up-form .headline span, .sign_up_person .sign-up-form .headline span, #company-setting .sign-up-form .headline span, #signup-survey .sign-up-form .headline span { position: relative; top: -10px; padding: 2px 20px; background: #fff } .personal-company-setting .sign-up-form .headline span img, .corporate-company-setting .sign-up-form .headline span img, .sign_up_person .sign-up-form .headline span img, #company-setting .sign-up-form .headline span img, #signup-survey .sign-up-form .headline span img { width: 55px; vertical-align: text-bottom } .personal-company-setting .sign-up-survey-form .headline span i, .personal-company-setting .sign-up-form .headline span i, .corporate-company-setting .sign-up-survey-form .headline span i, .corporate-company-setting .sign-up-form .headline span i, .sign_up_person .sign-up-survey-form .headline span i, .sign_up_person .sign-up-form .headline span i, #company-setting .sign-up-survey-form .headline span i, #company-setting .sign-up-form .headline span i, #signup-survey .sign-up-survey-form .headline span i, #signup-survey .sign-up-form .headline span i { color: #43b1e8; font-size: 22px; vertical-align: middle } .personal-company-setting .sign-up-form .how-long-period, .personal-company-setting .sign-up-form .want-accountant, .personal-company-setting .sign-up-form .edit-accountant, .personal-company-setting .sign-up-form .choices, .corporate-company-setting .sign-up-form .how-long-period, .corporate-company-setting .sign-up-form .want-accountant, .corporate-company-setting .sign-up-form .edit-accountant, .corporate-company-setting .sign-up-form .choices, .sign_up_person .sign-up-form .how-long-period, .sign_up_person .sign-up-form .want-accountant, .sign_up_person .sign-up-form .edit-accountant, .sign_up_person .sign-up-form .choices, #company-setting .sign-up-form .how-long-period, #company-setting .sign-up-form .want-accountant, #company-setting .sign-up-form .edit-accountant, #company-setting .sign-up-form .choices, #signup-survey .sign-up-form .how-long-period, #signup-survey .sign-up-form .want-accountant, #signup-survey .sign-up-form .edit-accountant, #signup-survey .sign-up-form .choices { margin-top: 10px; line-height: 24px } .personal-company-setting .sign-up-form .how-long-period .choice, .personal-company-setting .sign-up-form .want-accountant .choice, .personal-company-setting .sign-up-form .edit-accountant .choice, .personal-company-setting .sign-up-form .choices .choice, .corporate-company-setting .sign-up-form .how-long-period .choice, .corporate-company-setting .sign-up-form .want-accountant .choice, .corporate-company-setting .sign-up-form .edit-accountant .choice, .corporate-company-setting .sign-up-form .choices .choice, .sign_up_person .sign-up-form .how-long-period .choice, .sign_up_person .sign-up-form .want-accountant .choice, .sign_up_person .sign-up-form .edit-accountant .choice, .sign_up_person .sign-up-form .choices .choice, #company-setting .sign-up-form .how-long-period .choice, #company-setting .sign-up-form .want-accountant .choice, #company-setting .sign-up-form .edit-accountant .choice, #company-setting .sign-up-form .choices .choice, #signup-survey .sign-up-form .how-long-period .choice, #signup-survey .sign-up-form .want-accountant .choice, #signup-survey .sign-up-form .edit-accountant .choice, #signup-survey .sign-up-form .choices .choice { display: inline; vertical-align: middle; padding-left: 3px; font-size: 14px; margin-right: 10px } .personal-company-setting .sign-up-form .how-long-period .permit_contact_accountant i.icon-question-sign, .personal-company-setting .sign-up-form .want-accountant .permit_contact_accountant i.icon-question-sign, .personal-company-setting .sign-up-form .edit-accountant .permit_contact_accountant i.icon-question-sign, .personal-company-setting .sign-up-form .choices .permit_contact_accountant i.icon-question-sign, .corporate-company-setting .sign-up-form .how-long-period .permit_contact_accountant i.icon-question-sign, .corporate-company-setting .sign-up-form .want-accountant .permit_contact_accountant i.icon-question-sign, .corporate-company-setting .sign-up-form .edit-accountant .permit_contact_accountant i.icon-question-sign, .corporate-company-setting .sign-up-form .choices .permit_contact_accountant i.icon-question-sign, .sign_up_person .sign-up-form .how-long-period .permit_contact_accountant i.icon-question-sign, .sign_up_person .sign-up-form .want-accountant .permit_contact_accountant i.icon-question-sign, .sign_up_person .sign-up-form .edit-accountant .permit_contact_accountant i.icon-question-sign, .sign_up_person .sign-up-form .choices .permit_contact_accountant i.icon-question-sign, #company-setting .sign-up-form .how-long-period .permit_contact_accountant i.icon-question-sign, #company-setting .sign-up-form .want-accountant .permit_contact_accountant i.icon-question-sign, #company-setting .sign-up-form .edit-accountant .permit_contact_accountant i.icon-question-sign, #company-setting .sign-up-form .choices .permit_contact_accountant i.icon-question-sign, #signup-survey .sign-up-form .how-long-period .permit_contact_accountant i.icon-question-sign, #signup-survey .sign-up-form .want-accountant .permit_contact_accountant i.icon-question-sign, #signup-survey .sign-up-form .edit-accountant .permit_contact_accountant i.icon-question-sign, #signup-survey .sign-up-form .choices .permit_contact_accountant i.icon-question-sign { vertical-align: middle } .personal-company-setting .sign-up-form .edit-accountant .react-tooltip .react-tooltip-content, .corporate-company-setting .sign-up-form .edit-accountant .react-tooltip .react-tooltip-content, .sign_up_person .sign-up-form .edit-accountant .react-tooltip .react-tooltip-content, #company-setting .sign-up-form .edit-accountant .react-tooltip .react-tooltip-content, #signup-survey .sign-up-form .edit-accountant .react-tooltip .react-tooltip-content { width: 320px; white-space: normal } .personal-company-setting .sign-up-form .accounting-soft-in-use, .corporate-company-setting .sign-up-form .accounting-soft-in-use, .sign_up_person .sign-up-form .accounting-soft-in-use, #company-setting .sign-up-form .accounting-soft-in-use, #signup-survey .sign-up-form .accounting-soft-in-use { display: none } .personal-company-setting .sign-up-form .user-fields .field, .corporate-company-setting .sign-up-form .user-fields .field, .sign_up_person .sign-up-form .user-fields .field, #company-setting .sign-up-form .user-fields .field, #signup-survey .sign-up-form .user-fields .field { display: inline-block; padding-right: 10px } .personal-company-setting .sign-up-form .user-fields input, .corporate-company-setting .sign-up-form .user-fields input, .sign_up_person .sign-up-form .user-fields input, #company-setting .sign-up-form .user-fields input, #signup-survey .sign-up-form .user-fields input { width: 94px } .personal-company-setting .sign-up-form .address, .corporate-company-setting .sign-up-form .address, .sign_up_person .sign-up-form .address, #company-setting .sign-up-form .address, #signup-survey .sign-up-form .address { margin-top: 10px } .personal-company-setting .sign-up-form .address input, .corporate-company-setting .sign-up-form .address input, .sign_up_person .sign-up-form .address input, #company-setting .sign-up-form .address input, #signup-survey .sign-up-form .address input { font-size: 13px; height: 15px } .personal-company-setting .sign-up-form .address .field, .corporate-company-setting .sign-up-form .address .field, .sign_up_person .sign-up-form .address .field, #company-setting .sign-up-form .address .field, #signup-survey .sign-up-form .address .field { position: relative } .personal-company-setting .sign-up-form .address .field .zipcode, .corporate-company-setting .sign-up-form .address .field .zipcode, .sign_up_person .sign-up-form .address .field .zipcode, #company-setting .sign-up-form .address .field .zipcode, #signup-survey .sign-up-form .address .field .zipcode { display: inline-block; padding-right: 10px } .personal-company-setting .sign-up-form .address .field .zipcode input, .corporate-company-setting .sign-up-form .address .field .zipcode input, .sign_up_person .sign-up-form .address .field .zipcode input, #company-setting .sign-up-form .address .field .zipcode input, #signup-survey .sign-up-form .address .field .zipcode input { width: 90px } .personal-company-setting .sign-up-form .address .field .prefecture, .corporate-company-setting .sign-up-form .address .field .prefecture, .sign_up_person .sign-up-form .address .field .prefecture, #company-setting .sign-up-form .address .field .prefecture, #signup-survey .sign-up-form .address .field .prefecture { display: inline-block } .personal-company-setting .sign-up-form .address .field .prefecture select, .corporate-company-setting .sign-up-form .address .field .prefecture select, .sign_up_person .sign-up-form .address .field .prefecture select, #company-setting .sign-up-form .address .field .prefecture select, #signup-survey .sign-up-form .address .field .prefecture select { height: 29px; width: 130px } .personal-company-setting .sign-up-form .address .field .invoice-sample, .corporate-company-setting .sign-up-form .address .field .invoice-sample, .sign_up_person .sign-up-form .address .field .invoice-sample, #company-setting .sign-up-form .address .field .invoice-sample, #signup-survey .sign-up-form .address .field .invoice-sample { position: absolute; display: inline-block; right: -340px; width: 280px } .personal-company-setting .sign-up-form .address .field .invoice-sample .balloon-area, .corporate-company-setting .sign-up-form .address .field .invoice-sample .balloon-area, .sign_up_person .sign-up-form .address .field .invoice-sample .balloon-area, #company-setting .sign-up-form .address .field .invoice-sample .balloon-area, #signup-survey .sign-up-form .address .field .invoice-sample .balloon-area { position: relative; width: 140px } .personal-company-setting .sign-up-form .address .field .invoice-sample .balloon-area .invoice-balloon, .corporate-company-setting .sign-up-form .address .field .invoice-sample .balloon-area .invoice-balloon, .sign_up_person .sign-up-form .address .field .invoice-sample .balloon-area .invoice-balloon, #company-setting .sign-up-form .address .field .invoice-sample .balloon-area .invoice-balloon, #signup-survey .sign-up-form .address .field .invoice-sample .balloon-area .invoice-balloon { position: relative; padding: 5px 10px; background: #356ac2; color: #fff; font-weight: bold } .personal-company-setting .sign-up-form .address .field .invoice-sample .balloon-area .invoice-balloon::after, .personal-company-setting .sign-up-form .address .field .invoice-sample .balloon-area .invoice-balloon::before, .corporate-company-setting .sign-up-form .address .field .invoice-sample .balloon-area .invoice-balloon::after, .corporate-company-setting .sign-up-form .address .field .invoice-sample .balloon-area .invoice-balloon::before, .sign_up_person .sign-up-form .address .field .invoice-sample .balloon-area .invoice-balloon::after, .sign_up_person .sign-up-form .address .field .invoice-sample .balloon-area .invoice-balloon::before, #company-setting .sign-up-form .address .field .invoice-sample .balloon-area .invoice-balloon::after, #company-setting .sign-up-form .address .field .invoice-sample .balloon-area .invoice-balloon::before, #signup-survey .sign-up-form .address .field .invoice-sample .balloon-area .invoice-balloon::after, #signup-survey .sign-up-form .address .field .invoice-sample .balloon-area .invoice-balloon::before { right: 100%; top: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none } .personal-company-setting .sign-up-form .address .field .invoice-sample .balloon-area .invoice-balloon::after, .corporate-company-setting .sign-up-form .address .field .invoice-sample .balloon-area .invoice-balloon::after, .sign_up_person .sign-up-form .address .field .invoice-sample .balloon-area .invoice-balloon::after, #company-setting .sign-up-form .address .field .invoice-sample .balloon-area .invoice-balloon::after, #signup-survey .sign-up-form .address .field .invoice-sample .balloon-area .invoice-balloon::after { border-right-color: #356ac2; border-width: 5px 10px 5px 0; margin-top: -5px } .personal-company-setting .sign-up-form .address .field .invoice-sample .invoice-doc, .corporate-company-setting .sign-up-form .address .field .invoice-sample .invoice-doc, .sign_up_person .sign-up-form .address .field .invoice-sample .invoice-doc, #company-setting .sign-up-form .address .field .invoice-sample .invoice-doc, #signup-survey .sign-up-form .address .field .invoice-sample .invoice-doc { margin: 10px 0; padding: 10px 15px 0; background-color: #fff; -webkit-box-shadow: 0 2px 5px rgba(12, 2, 11, 0.35); -moz-box-shadow: 0 2px 5px rgba(12, 2, 11, 0.35); box-shadow: 0 2px 5px rgba(12, 2, 11, 0.35) } .personal-company-setting .sign-up-form .address .field .invoice-sample .invoice-doc .header, .corporate-company-setting .sign-up-form .address .field .invoice-sample .invoice-doc .header, .sign_up_person .sign-up-form .address .field .invoice-sample .invoice-doc .header, #company-setting .sign-up-form .address .field .invoice-sample .invoice-doc .header, #signup-survey .sign-up-form .address .field .invoice-sample .invoice-doc .header { margin-bottom: 10px; text-align: center; font-size: 16px; font-weight: bold } .personal-company-setting .sign-up-form .address .field .invoice-sample .invoice-doc .partner-name, .corporate-company-setting .sign-up-form .address .field .invoice-sample .invoice-doc .partner-name, .sign_up_person .sign-up-form .address .field .invoice-sample .invoice-doc .partner-name, #company-setting .sign-up-form .address .field .invoice-sample .invoice-doc .partner-name, #signup-survey .sign-up-form .address .field .invoice-sample .invoice-doc .partner-name { margin-bottom: 10px; color: #b2b2b2; overflow: hidden } .personal-company-setting .sign-up-form .address .field .invoice-sample .invoice-doc .partner-name .date, .corporate-company-setting .sign-up-form .address .field .invoice-sample .invoice-doc .partner-name .date, .sign_up_person .sign-up-form .address .field .invoice-sample .invoice-doc .partner-name .date, #company-setting .sign-up-form .address .field .invoice-sample .invoice-doc .partner-name .date, #signup-survey .sign-up-form .address .field .invoice-sample .invoice-doc .partner-name .date { float: right } .personal-company-setting .sign-up-form .address .field .invoice-sample .invoice-doc .company-name, .personal-company-setting .sign-up-form .address .field .invoice-sample .invoice-doc .display-name, .corporate-company-setting .sign-up-form .address .field .invoice-sample .invoice-doc .company-name, .corporate-company-setting .sign-up-form .address .field .invoice-sample .invoice-doc .display-name, .sign_up_person .sign-up-form .address .field .invoice-sample .invoice-doc .company-name, .sign_up_person .sign-up-form .address .field .invoice-sample .invoice-doc .display-name, #company-setting .sign-up-form .address .field .invoice-sample .invoice-doc .company-name, #company-setting .sign-up-form .address .field .invoice-sample .invoice-doc .display-name, #signup-survey .sign-up-form .address .field .invoice-sample .invoice-doc .company-name, #signup-survey .sign-up-form .address .field .invoice-sample .invoice-doc .display-name { margin-bottom: 10px; width: 250px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis } .personal-company-setting .sign-up-form .address .field .invoice-sample .invoice-doc .address, .corporate-company-setting .sign-up-form .address .field .invoice-sample .invoice-doc .address, .sign_up_person .sign-up-form .address .field .invoice-sample .invoice-doc .address, #company-setting .sign-up-form .address .field .invoice-sample .invoice-doc .address, #signup-survey .sign-up-form .address .field .invoice-sample .invoice-doc .address { margin: 0 0 10px; overflow-wrap: break-word } .personal-company-setting .sign-up-form .address .field .invoice-sample .invoice-doc .sample-img, .corporate-company-setting .sign-up-form .address .field .invoice-sample .invoice-doc .sample-img, .sign_up_person .sign-up-form .address .field .invoice-sample .invoice-doc .sample-img, #company-setting .sign-up-form .address .field .invoice-sample .invoice-doc .sample-img, #signup-survey .sign-up-form .address .field .invoice-sample .invoice-doc .sample-img { width: 250px } .personal-company-setting .sign-up-form .address .field .announce-box, .corporate-company-setting .sign-up-form .address .field .announce-box, .sign_up_person .sign-up-form .address .field .announce-box, #company-setting .sign-up-form .address .field .announce-box, #signup-survey .sign-up-form .address .field .announce-box { display: inline-block; margin-left: 10px; width: 150px; background-color: #fff; border: 1px solid #ddd } .personal-company-setting .sign-up-form .address .field .announce-box .title, .corporate-company-setting .sign-up-form .address .field .announce-box .title, .sign_up_person .sign-up-form .address .field .announce-box .title, #company-setting .sign-up-form .address .field .announce-box .title, #signup-survey .sign-up-form .address .field .announce-box .title { padding: 2px 7px; background-color: #386cbf; color: #fff; font-size: 12px } .personal-company-setting .sign-up-form .address .field .announce-box .inner, .corporate-company-setting .sign-up-form .address .field .announce-box .inner, .sign_up_person .sign-up-form .address .field .announce-box .inner, #company-setting .sign-up-form .address .field .announce-box .inner, #signup-survey .sign-up-form .address .field .announce-box .inner { padding: 4px 7px; font-size: 11px } .personal-company-setting .sign-up-form .address .street-name, .corporate-company-setting .sign-up-form .address .street-name, .sign_up_person .sign-up-form .address .street-name, #company-setting .sign-up-form .address .street-name, #signup-survey .sign-up-form .address .street-name { width: 400px } .personal-company-setting .sign-up-form .submit-links, .corporate-company-setting .sign-up-form .submit-links, .sign_up_person .sign-up-form .submit-links, #company-setting .sign-up-form .submit-links, #signup-survey .sign-up-form .submit-links { text-align: center; margin-top: 20px } .personal-company-setting .sign-up-form .submit-links .next-step, .corporate-company-setting .sign-up-form .submit-links .next-step, .sign_up_person .sign-up-form .submit-links .next-step, #company-setting .sign-up-form .submit-links .next-step, #signup-survey .sign-up-form .submit-links .next-step { display: inline-block; width: 120px; padding: 4px 0 } .personal-company-setting .sign-up-form .submit-links .btn, .corporate-company-setting .sign-up-form .submit-links .btn, .sign_up_person .sign-up-form .submit-links .btn, #company-setting .sign-up-form .submit-links .btn, #signup-survey .sign-up-form .submit-links .btn { font-size: 18px; padding: 8px 16px; margin: 0 10px } @media screen and (max-width:768px) { .responsive #company-setting .container { width: auto } .responsive #company-setting .container.invoice .container-box, .responsive #company-setting .container.large .container-box { width: 360px; margin: 0 auto } .responsive #company-setting .container.invoice .invoice-sample, .responsive #company-setting .container.large .invoice-sample { display: none } .responsive #company-setting .sign-up-form { width: auto; margin: 0 auto } .responsive #company-setting .sign-up-form .address .field .announce-box { display: none } .responsive #company-setting .sign-up-form .address .street-name { width: 210px; margin: 0 } } @media screen and (max-width:768px) { .profile-campaign .header, .profile-campaign .header-logo { display: none } } .import-step .announce { position: absolute; top: 0; left: 610px; box-shadow: #ccc 0 0 1px 1px; width: 280px; height: 140px } .btn-specify-column { display: inline-block; min-width: 200px; padding: 8px 16px 6px; background-color: #3498db; box-shadow: 0 1px 2px #ccc; border-radius: 3px; color: #fff } .btn-specify-column:hover { background-color: #44a8eb; text-decoration: none } .btn-specify-column:disabled { background-color: #ededed; color: #999 } .btn-specify-column:disabled:hover { background-color: #ededed } .account-item-edit { cursor: pointer } #tag_page .tag-col { width: 140px; margin-right: 20px; float: left } #tag_page .tag-col .category-account_item { width: 100px } #tag_edit_form table { margin-top: 10px } #tag_edit_form table th { text-align: left } #tag_edit_form input { width: 130px; margin: 2px 0 5px 10px } #tag_edit_form select { width: 140px; margin: 2px 0 5px 10px } #tag_edit_form #tag_name_caution { font-size: 15px; color: #e6939d; padding: 0 0 18px } #tag_edit_form .close-button { cursor: pointer } #tag_edit_form #tag_name_status i { font-size: 23px } #tag_edit_form #tag_name_status i.icon-ok-sign { color: #a4c520 } #tag_edit_form #tag_name_status i.icon-remove-sign { color: #e6939d } #tag_edit_form #tag_name_status i.icon-spinner { color: #A6A6A6 } .tax-reports table th.edit-icon-cell { width: 10px } #taxes_new_page { background: #FFF; padding: 10px 20px 20px; border: 1px solid #E3E3E3 } #taxes_new_page select { width: 220px } #taxes_new_page #tax_group_name { width: 180px } #tickets_page #support input[type="radio"] { display: inline } #save-message .alert { display: none; text-align: center } div.email-preference-area { display: none } div.user-edit-submit-area { margin-top: 10px } #user-page .user-basic-form .standard-form.address-fields, #user-page .user-basic-form .standard-form.profile-fields { padding-bottom: 15px; margin-bottom: 15px } #user-page .user-basic-form .standard-form.address-fields:last-child, #user-page .user-basic-form .standard-form.profile-fields:last-child { padding-bottom: 0; border: none } #user-page .user-basic-form .standard-form .fields .field.display-name-field input, #user-page .user-basic-form .standard-form .fields .field.name-field input { width: 180px } #user-page .user-basic-form .standard-form .fields .field.department-field input, #user-page .user-basic-form .standard-form .fields .field.title-field input { width: 140px } #user-page .user-basic-form .standard-form .fields .field.position-field select { width: 160px } #user-page .email-form { margin-bottom: 15px } #user-page .user-login-form { margin-bottom: 15px } #user-page .cancel-account-link { margin-top: 15px; padding-top: 15px; color: #a4a4a4 } #user-page .cancel-account-link p { font-size: 11px } #user-page .cancel-account-link h1 { font-size: 13px; font-weight: normal; line-height: 1.2 } #user-page .user-companies table.list-table>tbody>tr>td.company-type-cell, #user-page .user-companies table.list-table>thead>tr>th.company-type-cell { width: 90px } #user-page .user-companies table.list-table>tbody>tr>td.fiscal-year-cell, #user-page .user-companies table.list-table>thead>tr>th.fiscal-year-cell { width: 180px } #user-page .user-companies table.list-table>tbody>tr>td.plan-cell, #user-page .user-companies table.list-table>thead>tr>th.plan-cell { width: 100px } #user-page .user-companies table.list-table>tbody>tr>td.login-button-cell, #user-page .user-companies table.list-table>thead>tr>th.login-button-cell { text-align: center; width: 200px } #user-page .password-strength-meter { margin-left: -425px; margin-top: 60px; position: absolute; z-index: 1; box-shadow: rgba(0, 0, 0, 0.2) 0 5px 10px 0; border: 1px solid #e3e3e3; border-radius: 4px; background: #fff; padding: 20px; opacity: 1; font-size: 13px; font-weight: normal; width: 210px; text-align: left; line-height: 18px } #user-page .password-strength-meter .help-text { margin: 0; display: inline } #user-page .password-strength-meter .help-text .meter { width: 100%; height: 10px; padding-bottom: 3px } #user-page .password-strength-meter:before, #user-page .password-strength-meter:after { border-width: 0 10px 10px 10px; border-style: solid; position: absolute; width: 0; left: 0; content: ""; display: block; left: 8px } #user-page .password-strength-meter:before { border-color: transparent transparent #e3e3e3 transparent; top: -10px } #user-page .password-strength-meter:after { border-color: transparent transparent #fff transparent; top: -9px } .standard-form .fields .field .label-wrapper label.journalize-preview { display: inline } .standard-form .fields .field .label-wrapper .journalize-preview-help { margin-left: 10px } #user_matchers_search #search_entry_side_str { width: 80px } #user_matchers_search #search_btn { margin-top: 22px } #user_matcher_tabs.ui-widget-content { border-top: 0; border-bottom: 0 } #user_matchers_table table { border: 1px solid #ddd } #user_matchers_table th { border: 1px solid #ddd; white-space: nowrap } #user_matchers_table tbody tr { cursor: pointer } #user_matchers_table td { border: 1px solid #ddd } #user_matchers_table td.text-right { text-align: right } #user_matchers_table td.col-condition { width: 60px } #user_matchers_table td.col-description { width: 200px; word-break: break-all } #user_matcher_editor_header h1 { line-height: 30px; margin-bottom: 3px; font-size: 18px } #user_matcher_editor_body #user_matcher_editor_form { padding: 10px } #user_matcher_editor_body #user_matcher_editor_form #edit-description { vertical-align: top } .user_matcher_form_row .line-tax .input-mini { width: 100px } .user_matcher_form_row .help { font-size: 15px } #user_matcher_creator .user_matcher_form_row.action { border: 1px solid #efefef; background-color: #f9f9f9; border-radius: 4px; padding: 15px } #user_matcher_creator .user_matcher_form_row.form-action { text-align: center; padding: 10px } #user_matcher_creator .user_matcher_form_row.form-action #submit_btn { width: 240px } #invoice_creator .user_matcher_form_row.form-action #invoice_btn { width: 240px } .user-matcher-editor { width: 80%; min-width: 900px } .user-matcher-editor .header h1 { display: inline-block } .user-matcher-editor .header .btn-danger { float: right } .user-matcher-editor .help { font-size: 15px } .user-matcher-editor .action-form { margin-top: 10px; border: 1px solid #efefef; background-color: #f9f9f9; border-radius: 4px; padding: 15px } .modal-content.wallet-txn-dialog { width: 940px; overflow-x: auto } @media screen and (min-width:1100px) { .modal-content.wallet-txn-dialog { width: 1100px } } .color-income, #wallet_txns_explain .income-color-sample { -webkit-box-shadow: 0px 0px 5px 0px #6eb7db inset; -moz-box-shadow: 0px 0px 5px 0px #6eb7db inset; box-shadow: 0px 0px 5px 0px #6eb7db inset; background: #cbe6f3 } .color-expense, #wallet_txns_explain .expense-color-sample { -webkit-box-shadow: 0px 0px 5px 0px #e6939d inset; -moz-box-shadow: 0px 0px 5px 0px #e6939d inset; background: #f9e2e5; -moz-box-shadow: 0px 0px 5px 0px #e6939d inset; background: #f9e2e5; -webkit-box-shadow: 0px 0px 5px 0px #e6939d inset; -moz-box-shadow: 0px 0px 5px 0px #e6939d inset; background: #f9e2e5; -webkit-box-shadow: 0px 0px 5px 0px #e6939d inset; -moz-box-shadow: 0px 0px 5px 0px #e6939d inset; background: #f9e2e5; -webkit-box-shadow: 0px 0px 5px 0px #e6939d inset; -moz-box-shadow: 0px 0px 5px 0px #e6939d inset; background: #f9e2e5; -webkit-box-shadow: 0px 0px 5px 0px #e6939d inset; -moz-box-shadow: 0px 0px 5px 0px #e6939d inset; background: #f9e2e5; -webkit-box-shadow: 0px 0px 5px 0px #e6939d inset; -moz-box-shadow: 0px 0px 5px 0px #e6939d inset; background: #f9e2e5; -webkit-box-shadow: 0px 0px 5px 0px #e6939d inset; -moz-box-shadow: 0px 0px 5px 0px #e6939d inset; box-shadow: 0px 0px 5px 0px #e6939d inset; background: #f9e2e5 } #wallet_txns .empty-message-wrapper { margin: 25px auto } #wallet_txns .emptyMessage { text-align: center; font-size: 16px; margin: 0 } #wallet_txns .emptyMessage .message-body { padding: 40px 0 } #wallet_txns .emptyMessage .message-body div { padding: 10px; width: 320px; display: inline-block; margin-right: 50px; background-color: #eee; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px } #wallet_txns .emptyMessage .message-body div p { font-size: 15px; text-align: left; height: 60px } #sns-share-button { background-color: #ECECEC; height: 40px; text-align: center } #sns-share-button span { display: inline-block; color: #696969; font-weight: bold } #sns-share-button span:first-child { margin: 0 20px } #sns-share-button a { margin-right: 8px; text-decoration: none } .bank_editor_simple { position: relative } .bank_editor_simple>.pull-left { margin-right: 10px } .bank_editor_simple .input-mini { width: 85px } .bank_editor_simple .editor_tax { width: 105px } .bank_editor_simple .editor_tax .input-mini { width: 105px } .bank_editor_simple .editor_description { width: 150px } .wallet_txn_editor_template { position: relative } .wallet_txn_editor_template .jy-editor { overflow: visible } .wallet_txn_editor_template .jy-editor-lines { margin-top: 30px } .wallet_txn_editor_template .fcb-success-text { margin-top: 10px } .bank_editor_simple .change-editor-container, .wallet_txn_editor_template .change-editor-container { position: absolute; right: 0; top: 0 } .bank_editor_simple .change-editor-container input, .wallet_txn_editor_template .change-editor-container input { display: inline } .wallet_txn_editor .charge-line-simple { display: block } .wallet_txn_editor .charge-line-simple label.checkbox { display: inline-block; margin-bottom: 0; margin-left: 3px; font-size: 11px } .wallet_txn_editor .charge-line-simple label.checkbox input { margin-left: -15px } .wallet_txn_editor .charge-line-details { display: none } .wallet_txn_editor .charge-line-details [class*="span"] { float: left } .wallet_txn_editor .calculated-line { width: 827px } .wallet_txn_editor .calculated-line .transfer-amount { display: none; min-width: 100px } .wallet_txn_editor .calculated-line .transfer-amount .calculated-amount { display: inline-block; padding: 0 5px; text-align: right; line-height: 18px; font-weight: bold } .wallet_txn_editor .with-charge .transfer-amount { display: block } .wallet_txn_editor .with-detailed-charge .charge-line-simple { display: none } .wallet_txn_editor .with-detailed-charge .charge-line-details { display: block } .wallet_txn_editor .jy-editor-journalize-preview { margin-top: 15px } .wallet_txn_editor_scrub .scrub-selected-list-table { margin-top: 15px; width: 100% } .wallet_txn_editor_scrub .scrub-selected-list-table th { text-align: left } .wallet_txn_editor_scrub .scrub-selected-list-table .deal-code-cell { width: 52px } .wallet_txn_editor_scrub .scrub-selected-list-table .remove-btn-cell { padding: 3px 8px } .wallet_txn_editor_scrub .new_deal .jy-editor-common-walletable { display: none } .wallet_txn_editor_scrub .amount-difference-container { overflow: hidden } .wallet_txn_editor_scrub .amount-difference { line-height: 32px; color: red; font-size: 16px } .wallet_txn_editor_scrub .step:not (.suggested) .suggested-mode { display: none } .wallet_txn_editor_scrub .step.suggested .manual-mode { display: none } .wallet_txn_editor_scrub .suggest-notification { color: #fff; background-color: #5cac00; display: inline-block; padding: 4px; border: 0; border-radius: 4px; line-height: 13px; font-size: 13px } .scrub-selector { width: 940px } .scrub-selector .scrub-selector-search .scrub-selector-search-form-title { padding-top: 15px } .scrub-selector .scrub-selector-search .scrub-selector-search-form-title .deals-filter { font-size: 12px; margin-left: 12px } .scrub-selector .scrub-selector-search .scrub-selector-search-form { display: none } .scrub-selector .scrub-selector-search .deals-filter-label { display: inline } .scrub-selector .scrub-selector-search .deals-filter-shown-label { display: none } .scrub-selector .scrub-selector-search.expand .deals-filter-label { display: none } .scrub-selector .scrub-selector-search.expand .deals-filter-shown-label { display: inline } .scrub-selector .scrub-selector-wallet_txn table { width: 100%; margin: 0; background-color: #fff } .scrub-selector .scrub-selector-wallet_txn table:hover th { background-color: #d6d6d6 } .scrub-selector .scrub-selector-wallet_txn table:hover td { background-color: #f0f0f0 } .scrub-selector .scrub-selector-wallet_txn th { width: 70px; background-color: #d6d6d6 } .scrub-selector .scrub-selector-wallet_txn td { background-color: #f0f0f0 } .scrub-selector .scrub-selector-wallet_txn td.txn-date, .scrub-selector .scrub-selector-wallet_txn td.amount { white-space: nowrap } .scrub-selector .scrub-selector-wallet_txn td.description { word-break: break-all } .scrub-selector #filter .base { display: block } .scrub-selector #filter .deal-filter-line { margin-top: 5px } .scrub-selector .scrub-selector-search-results { margin-top: 15px } .scrub-selector .scrub-selector-search-results .table-container { max-height: 300px; overflow-y: auto } .scrub-selector .scrub-selector-search-results table { margin: 0 } .scrub-selector .scrub-selector-search-results th, .scrub-selector .scrub-selector-search-results td { white-space: nowrap } .scrub-selector .deal_type-cell { text-align: center; width: 16px } .scrub-selector .date-cell { width: 67px } .scrub-selector .account_item-cell { width: 110px } .scrub-selector .amount-cell { width: 90px } .scrub-selector .payment_amount { width: 85px } .scrub-selector .deal-total-amount-container { margin-top: 5px; font-size: 16px } .scrub-selector .deal-total-amount-container .pull-right>div { text-align: left } .scrub-selector .deal-total-amount-container .pull-right span { margin-right: 10px; line-height: 30px } .scrub-selector .deal-total-amount { width: 120px; border: 0; border-bottom: 1px solid #555; background: none; padding-bottom: 0; cursor: text; font-size: 16px; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; -webkit-box-shadow: red 0 0 0; -moz-box-shadow: red 0 0 0; box-shadow: red 0 0 0 } .new_deal .jy-editor .jy-editor-form .span7 { width: 510px } .new_deal .jy-editor .tax-toggle-wrap, .new_deal .jy-editor .jy-editor-lines { background-color: #fff } .new_deal .jy-editor-lines { margin-top: 10px } .new_deal .jy-editor .jy-editor-lines-header div.span1, .new_deal .jy-editor .jy-editor-lines-positive div.span1, .new_deal .jy-editor .jy-editor-lines-negative div.span1 { width: 102px; padding-right: 10px } .new_deal .jy-editor .jy-editor-lines-header div.span2, .new_deal .jy-editor .jy-editor-lines-positive div.span2, .new_deal .jy-editor .jy-editor-lines-negative div.span2 { width: 138px; padding-right: 10px } .new_deal .jy-editor .jy-editor-lines-header div.span4, .new_deal .jy-editor .jy-editor-lines-positive div.span4, .new_deal .jy-editor .jy-editor-lines-negative div.span4 { width: 240px; padding-right: 10px } .new_deal .jy-editor .jy-editor-lines-header div.span4 .tagify-short, .new_deal .jy-editor .jy-editor-lines-positive div.span4 .tagify-short, .new_deal .jy-editor .jy-editor-lines-negative div.span4 .tagify-short { width: 230px } .new_deal .jy-editor .jy-editor-lines-footer div.span4, .new_deal .jy-editor .jy-editor-lines-footer div.span7 { float: left } .new_deal #deal_template_standard_selector { width: 175px } .scrollable_table { position: relative } .scrollable_table thead tr { position: absolute; bottom: 100% } .scrollable_table_inner { overflow: auto; height: 200px } #scroll { width: 42px; margin: 0 auto } .combobox-account_item .fcb-container input { border: 1px solid #b2cf3e } .combobox-account_item .fcb-container input.failed-auto-detect { border: 1px solid #e6939d; background: #f9e2e5 } .fcb-failed-text { margin-top: 6px; font-size: 10px; color: #e6939d; word-wrap: break-word } .fcb-success-text { font-size: 12px; color: #a4c520; word-wrap: break-word } #wallet_txns_explain .income-color-sample, #wallet_txns_explain .expense-color-sample { display: inline-block; padding: 6px 10px; color: #333; font-size: 12px; font-weight: bolder; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px } .wallet-txns-from-to-icon .wallet-txns-from-to-icon-no-label { padding: 0.5em } .wallet-txns-from-to-icon .wallet-txns-from-to-icon { vertical-align: middle; padding: 8px } #wallet-txn-list-page-header .narrow-btns { margin-bottom: 15px } #wallet-txn-list-page-header .bordered { border: 1px solid #ddd } #wallet-txn-list-page-header form { margin: 0 } #wallet-txn-list-page-header .search_menu { *zoom: 1 } #wallet-txn-list-page-header .search_menu:after { content: ""; display: table; clear: both } #wallet-txn-list-page-header .narrow-input { margin-right: 20px; float: left } #wallet-txn-list-page-body table th.account-cell, #wallet-txn-list-page-body table td.account-cell { width: 160px } #wallet-txn-list-page-body table th.amount-cell, #wallet-txn-list-page-body table td.amount-cell { width: 105px; width: 90px } #wallet-txn-list-page-body table th.status-cell, #wallet-txn-list-page-body table td.status-cell { width: 110px } #wallet-txn-list-page-footer { *zoom: 1; padding: 5px 20px 15px } #wallet-txn-list-page-footer:after { content: ""; display: table; clear: both } table.wallet-txn-list-table .date-cell { padding-left: 2px; padding-right: 2px; white-space: nowrap } table.wallet-txn-list-table td.walletable-name { max-width: 150px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis } table.wallet-txn-list-table td.walletable-status { padding: 4px } table.wallet-txn-list-table td.walletable-status>span { padding: 4px; display: inline-block; border-radius: 2px } table.wallet-txn-list-table td.walletable-status .unreconciled { background: #f9e2e5 } table.wallet-txn-list-table td.walletable-status .reconciled { background: #dfecaa } table.wallet-txn-list-table td.walletable-status .ignored { background: #d6d6d6 } table.wallet-txn-list-table tbody tr.line { cursor: pointer } table.wallet-txn-list-table tbody tr.wallet-txn-detail>td { border-top: 1px solid #ddd } table.wallet-txn-list-table tbody tr.wallet-txn-detail .detail-header h1 { font-size: 18px; line-height: 18px } table.wallet-txn-list-table tbody tr.wallet-txn-detail .detail-actions button { margin-right: 5px } table.wallet-txn-list-table tbody tr.wallet-txn-detail .wallet_txn-info td { box-sizing: initial } table.wallet-txn-list-table tbody tr.wallet-txn-detail .wallet_txn_editor .span1 { float: left } table.wallet-txn-list-table tbody tr.wallet-txn-detail .wallet_txn_editor table td, table.wallet-txn-list-table tbody tr.wallet-txn-detail .wallet_txn_editor table th { border-top: 1px solid #ddd } table.wallet-txn-list-table tbody .deal-standards, table.wallet-txn-list-table tbody .deal-transfers, table.wallet-txn-list-table tbody .dup-candidates { margin-top: 10px; margin-left: 24px } table.wallet-txn-list-table tbody .table-deal-standards, table.wallet-txn-list-table tbody .table-deal-transfers, table.wallet-txn-list-table tbody .table-dup-candidates { border: 1px solid #ddd } table.wallet-txn-list-table tbody .table-deal-standards .account-item-cell, table.wallet-txn-list-table tbody .table-deal-standards .tax-cell, table.wallet-txn-list-table tbody .table-deal-transfers .account-item-cell, table.wallet-txn-list-table tbody .table-deal-transfers .tax-cell, table.wallet-txn-list-table tbody .table-dup-candidates .account-item-cell, table.wallet-txn-list-table tbody .table-dup-candidates .tax-cell { width: 120px } table.wallet-txn-list-table tbody .table-deal-standards .walletable-name, table.wallet-txn-list-table tbody .table-deal-transfers .walletable-name, table.wallet-txn-list-table tbody .table-dup-candidates .walletable-name { width: 150px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis } table.wallet-txn-list-table tbody .table-deal-standards .walletable-arrow, table.wallet-txn-list-table tbody .table-deal-transfers .walletable-arrow, table.wallet-txn-list-table tbody .table-dup-candidates .walletable-arrow { display: inline-block; padding: auto 8px } table.wallet-txn-list-table tbody .table-deal-standards tr:hover, table.wallet-txn-list-table tbody .table-deal-transfers tr:hover, table.wallet-txn-list-table tbody .table-dup-candidates tr:hover { background: #f5f5f5 } .new-wallet-txn-modal { width: 640px } .new-wallet-txn-modal .alert { display: block } .bulk-update-wallet-txns-modal { width: 400px } #wallet_txn_show_page { background: #FFF } #wallet_txn_show_page .reconcile_form { margin-top: 10px } #wallet_txn_show_page_header { padding: 10px 20px; border-top: 1px solid #E3E3E3; border-left: 1px solid #E3E3E3; border-right: 1px solid #E3E3E3 } #wallet_txn_show_page_header p { margin: 0; padding: 0; line-height: 24px; border-top: 1px dashed #e3e3e3; font-size: 12px } #wallet_txn_show_page_header .narrow-input { margin-right: 20px; float: left } #wallet_txn_show_page_header .narrow-btns { margin-bottom: 0 } .wallet-txn-ignore-confirm { width: 600px } .wallet-txn-ignore-confirm .auto-match-field { padding: 5px 0; font-size: 14px } .wallet-txn-ignore-confirm .auto-match-field .row { margin-top: 10px; overflow: hidden } .wallet-txn-ignore-confirm .auto-match-field input, .wallet-txn-ignore-confirm .auto-match-field label { display: inline; font-size: 14px } .wallet-txn-ignore-confirm .auto-match-field input { margin-right: 6px; margin-left: 3px; vertical-align: top } .wallet-txn-show-modal { width: 920px } .wallet-txn-show-modal .header { position: relative } .wallet-txn-show-modal .header button.close-trigger { position: absolute; right: 10px; top: 8px } .wallet-txn-show-modal .body { font-size: 13px; line-height: 18px; padding-left: 0; padding-right: 0 } .wallet-txn-show-modal .body p { font-size: 13px; margin: 0 0 9px; line-height: 18px } .wallet-txn-show-modal .body table { margin: 0 } .wallet-txn-show-modal .body .expense_rim, .wallet-txn-show-modal .body .income_rim { margin-left: 5px; margin-right: 5px } #walletables_page { background: #FFF } #walletables_page h2.account-category-title { color: #555; padding: 2px 2px 2px 4px; margin: 0 0 10px; font-size: 18px; font-weight: bold } #walletables_page .action-bar { margin: 10px 0 } #walletables_page .action-bar .btn { margin: 3px } #walletables_page .new-arrival-badge { display: inline-block; margin: 0; padding: 4px; box-sizing: border-box; text-decoration: none; background: #ff7e00; -webkit-border-radius: 8px; -moz-border-radius: 8px; -ms-border-radius: 8px; -o-border-radius: 8px; border-radius: 8px; line-height: 1.0; color: #FFF; font-size: 12px } #walletables_page .btn-troubleshoot { font-weight: bold; background: #ff7e00; color: #fff } #walletables_page .balance-alert { position: relative } #walletables_page .balance-alert i.balance-alert-icon { position: relative; display: inline-block; width: 24px; height: 16px; content: ""; color: #fff; line-height: 24px; font-size: 10.5px } #walletables_page .balance-alert i.balance-alert-icon:before { position: absolute; border-width: 0 11px 18px 11px; border-style: solid; border-color: transparent transparent #ff7e00 transparent; width: 0; height: 0; content: "!"; left: 0; top: 4px } #walletables_page .balance-alert .balance-warning-baloon { background: #fff; width: 250px; padding: 7px; border-radius: 4px; border: 1px solid #000; text-align: left } #walletables_page .balance-alert .balance-warning-baloon:before { position: absolute; top: 100%; right: 50%; width: 0; height: 0; margin-right: -6px; margin-top: -1px; border: solid transparent; border-color: transparent; border-top-color: #000; border-width: 9px; content: " " } #walletables_page .balance-alert .balance-warning-baloon:after { position: absolute; top: 100%; right: 50%; width: 0; height: 0; margin-right: -5px; margin-top: -1px; border: solid transparent; border-color: transparent; border-top-color: #fff; border-width: 8px; content: " " } #walletables_page .help-small { font-size: 16px } #walletables_page .walletable-list { padding: 0 } #walletables_page .walletable-list>div { display: none } #walletables_page .walletable-list table.walletables-table { margin-bottom: 25px; border: 1px solid #ddd } #walletables_page .walletable-list table.walletables-table tr:hover { background: #f2f2f2 } #walletables_page .walletable-list table.walletables-table td { vertical-align: middle; line-height: 28px; padding: 6px; cursor: pointer } #walletables_page .walletable-list table.walletables-table .walletable_name { width: 180px; word-wrap: break-word } #walletables_page .walletable-list table.walletables-table .amount, #walletables_page .walletable-list table.walletables-table .last_transfered { width: 150px; text-align: right } #walletables_page .walletable-list table.walletables-table .status { width: 280px } #walletables_page.walletables-detail { padding: 10px 0 20px; border: 1px solid #e3e3e3 } #walletables_page.walletables-detail .walletables-header { padding: 0 20px } #walletables_page.walletables-detail .walletables-header .walletable-columns { padding: 20px 0 } #walletables_page.walletables-detail .walletables-header .walletable-columns .field { line-height: 22px; margin-right: 30px } #walletables_page.walletables-detail .walletables-header .walletable-columns .field label { font-weight: bold } #walletables_page.walletables-detail .walletables-header .walletable-columns .walletable-name { font-size: 18px } #walletables_page.walletables-detail .tab { cursor: pointer } #walletables_page.walletables-detail .tab-content-header { padding: 20px } #walletables_page.walletables-detail .tab-content-header .virtual-transfer-account-upload-form div.virtual-transfer-account-file { margin-bottom: 1px } #walletables_page.walletables-detail .tab-content-header .virtual-transfer-account-upload-form div { margin-bottom: 5px } #walletables_page.walletables-detail .tab-content-header .virtual-transfer-account-upload-form label { margin-left: 3px; display: inline } #walletables_page.walletables-detail .list-header, #walletables_page.walletables-detail .list-pager { border: none } #walletables_page.walletables-detail .tab-content-body table { border-left: 0; border-right: 0 } #walletables_page.walletables-detail .tab-content-body table th:first-child, #walletables_page.walletables-detail .tab-content-body table td:first-child { border-left: 0 } #walletables_page.walletables-detail .tab-content-body h1.virtual-transfer-account-list-title { padding-left: 20px } #walletables_page.walletables-detail .report-pager-top { margin-top: 0 } #walletables_page.walletables-detail .report-pager-bottom { margin-bottom: 0 } #walletables_page.walletables-detail .new-tooltip { position: relative; top: -40px; left: -80px; display: inline; padding: 8px; width: auto; border-radius: 2px; background-color: #5CAC00; font-weight: bold; font-size: 13px; color: #fff } #walletables_page.walletables-detail .new-tooltip:after { content: ""; display: block; width: 0; height: 0; border-top: 8px solid #5CAC00; border-left: 8px solid transparent; border-right: 8px solid transparent; position: absolute; left: 16px; bottom: -8px } #walletables_page .left-balloon { position: relative; display: inline-block; box-sizing: border-box; padding: 15px; width: 250px; line-height: 34px; background: #F1F1F1; border: 3px solid #F1F1F1; -webkit-border-radius: 8px; -moz-border-radius: 8px; -ms-border-radius: 8px; -o-border-radius: 8px; border-radius: 8px; z-index: 0; -webkit-box-shadow: #ccc 0px 5px 10px 0px; -moz-box-shadow: #ccc 0px 5px 10px 0px; box-shadow: #ccc 0px 5px 10px 0px } #walletables_page .left-balloon:before { content: ""; position: absolute; top: 50%; left: -8px; margin-top: -9px; display: block; width: 0; height: 0; border-style: solid; border-width: 9px 9px 9px 0; border-color: transparent #F1F1F1 transparent transparent; z-index: 0 } #walletables_page .left-balloon:after { content: ""; position: absolute; top: 50%; left: -12px; margin-top: -10px; display: block; width: 0; height: 0; border-style: solid; border-width: 10px 10px 10px 0; border-color: transparent #F1F1F1 transparent transparent; z-index: -1 } .course-help-inner.wallet-key-balloon { padding: 15px; width: 450px; line-height: 34px; white-space: normal; -webkit-box-shadow: #ccc 0px 5px 10px 0px; -moz-box-shadow: #ccc 0px 5px 10px 0px; box-shadow: #ccc 0px 5px 10px 0px } .course-help-inner.wallet-key-balloon:before { top: 50%; left: 0; margin-top: -10px; width: 0; height: 0; border-style: solid; border-width: 10px 10px 10px 0; border-color: transparent #666 transparent transparent } .course-help-inner.wallet-key-balloon .course-help-content { text-align: left } .course-help-inner.wallet-key-balloon .course-help-content:before { top: 50%; left: 3px; margin-top: -9px; width: 0; height: 0; border-style: solid; border-width: 9px 9px 9px 0; border-color: transparent #fff transparent transparent } .auth-explanation-modal { width: 600px } .auth-explanation-modal .auth-explanation-info { display: block; margin-top: -10px } .auth-explanation-modal .auth-explanation-caption { margin-top: 10px; color: #a4a4a4; font-size: 13px } .edit-bulk-payment-account-modal { width: 600px } .edit-bulk-payment-account-modal .alert { display: none } .contents-area.responsive #walletables_page { padding: 0; border: none } .contents-area.responsive #walletables_page .walletable-form-wrapper .walletable-form-hint, .contents-area.responsive #walletables_page .walletable-form-wrapper .walletable-form-policy-wrapper, .contents-area.responsive #walletables_page .walletable-form-wrapper .policy { display: none } .contents-area.responsive #walletables_page .walletable-form-wrapper .walletable-form { width: 100%; padding: 0 } .contents-area.responsive #walletables_page .walletable-form-wrapper .walletable-form .field { border: none } .contents-area.responsive #walletables_page .walletable-form-wrapper .walletable-form .wallet-keys-description { display: none } .contents-area.responsive #walletables_page .walletable-form-wrapper .walletable-form .wallet-key-balloon { display: none } .contents-area.responsive #walletables_page .walletable-form-wrapper .walletable-form .sync-start-date { width: 130px } .contents-area.responsive #walletables_page .walletable-form-wrapper .form-control .btn-primary { width: 90%; height: 44px } .contents-area.responsive #walletables_page .delete-control { display: none } .contents-area.responsive .walletables-troubleshooting .support-caption, .contents-area.responsive .walletables-troubleshooting .support-guidances { display: none } .contents-area.responsive .walletables-troubleshooting input { width: 97% } .contents-area.responsive .walletables-troubleshooting button.btn-primary { width: 100%; height: 44px } .contents-area.responsive .walletables-troubleshooting .troubleshooting_message { width: 100% } .table-with-border { border: 1px #ddd solid } .tables { margin: 20px 0 0 5px } .tables:after { content: ""; clear: both; display: block } .actions .btn { margin-left: 8px } #year_end .button_to { float: left; margin-right: 10px } .year-end-log { clear: both; margin-top: 30px } .year-end-log .year-end-alert a { color: #b94a48; text-decoration: underline } .year-end-log .year-end-alert a:hover { color: #d94a48 } .year-end-log p { line-height: 1.7em } .react-tooltip { position: absolute; top: 0; left: 0; z-index: 500 } .react-tooltip .react-tooltip-inner { font-size: 13px; font-weight: normal; box-sizing: border-box; padding: 8px 16px; background-color: #fff; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; border: 2px solid #e3e3e3; white-space: nowrap } .react-tooltip .react-tooltip-inner:before { content: ""; display: block; border-top: 10px solid #e3e3e3; border-left: 10px solid transparent; border-right: 10px solid transparent; position: absolute; bottom: -10px; left: 50%; margin: 0 0 0 -10px } .react-tooltip .react-tooltip-inner.left:before { left: 16px } .react-tooltip .react-tooltip-inner.right:before { left: inherit; right: 16px } .react-tooltip .react-tooltip-inner.size-s { min-width: 50px } .react-tooltip .react-tooltip-inner.size-m { min-width: 300px } .react-tooltip .react-tooltip-inner.error { background-color: #9e2c2c; border-color: #9e2c2c; color: #F6F6F6 } .react-tooltip .react-tooltip-inner.warn { background-color: #E39622; border-color: #E39622; color: #F6F6F6 } .react-tooltip .react-tooltip-inner.success { background-color: #5CAC00; border-color: #5CAC00; color: #F6F6F6 } .react-tooltip .react-tooltip-inner .react-tooltip-content { text-align: center } .react-tooltip .react-tooltip-inner .react-tooltip-content:before { content: ""; display: block; border-top: 10px solid #fff; border-left: 10px solid transparent; border-right: 10px solid transparent; position: absolute; bottom: -7px; left: 50%; margin: 0 0 0 -10px } .react-tooltip .react-tooltip-inner .react-tooltip-content.left:before { left: 16px } .react-tooltip .react-tooltip-inner .react-tooltip-content.right:before { left: inherit; right: 16px } .react-tooltip .react-tooltip-inner .react-tooltip-content.error:before { border-top-color: #9e2c2c; border-right-color: transparent; border-bottom-color: transparent; border-left-color: transparent } .react-tooltip .react-tooltip-inner .react-tooltip-content.warn:before { border-top-color: #E39622; border-right-color: transparent; border-bottom-color: transparent; border-left-color: transparent } .react-tooltip .react-tooltip-inner .react-tooltip-content.success:before { border-top-color: #5CAC00; border-right-color: transparent; border-bottom-color: transparent; border-left-color: transparent } .react-tooltip .react-tooltip-hitarea { width: 100%; height: 20px; position: absolute; left: 0; bottom: -18px } .react-tooltip-base { position: absolute } .react-tooltip-base .animation-fade-enter { opacity: 0.01 } .react-tooltip-base .animation-fade-enter.animation-fade-enter-active { opacity: 1; transition: opacity 0.2s ease-in } .react-tooltip-base .animation-fade-leave { opacity: 1 } .react-tooltip-base .animation-fade-leave.animation-fade-leave-active { opacity: 0.01; transition: opacity 0.2s ease-in } .react-tooltip-modal { padding: 10px 20px } .react-tooltip-modal .react-tooltip-modal-footer { text-align: center; margin-top: 10px } .plnr-header { margin-top: 10px } .plnr-header .contents-title { display: inline-block } .plnr-header .filter-unresolve { margin-top: 10px; display: inline-block; float: right } .plnr-header .filter-unresolve:after { content: ""; clear: both; display: block } .plnr-header .filter-unresolve input { display: inline-block; margin-right: 6px } .plnr-thread-list .create-form-title { margin-left: 10px } .plnr-thread-list .create-form-title.has-comment { cursor: pointer } .plnr-thread-list .chevron { margin-right: 10px; display: inline-block } .plnr-thread-list .chevron.opened { transform: rotate(-180deg) } .plnr-thread-list .animation-slide-enter { overflow: hidden; max-height: 0 } .plnr-thread-list .animation-slide-enter.animation-slide-enter-active { overflow: hidden; max-height: 999px; transition: max-height 0.5s ease } .plnr-thread-list .animation-slide-leave { overflow: hidden; max-height: 999px } .plnr-thread-list .animation-slide-leave.animation-slide-leave-active { overflow: hidden; max-height: 0; transition: max-height 0.5s ease } .plnr-thread { padding: 10px; border-radius: 4px; border: 1px solid #efefef; background-color: #f9f9f9 } .plnr-thread .contributor .icon-user { color: #888 } .plnr-thread .icon-fr-arrow-right { font-weight: bold; margin: 0 5px } .plnr-thread .icon-spinner { margin-right: 5px } .plnr-thread .recipient { font-size: 16px; font-weight: bold } .plnr-thread .recipient .icon-user { color: #888 } .plnr-thread .contribute-datetime { font-size: 12px; color: #9E9EA6; margin-left: 10px } .plnr-thread .raise-button, .plnr-thread .resolve-button { margin-left: 50px } .plnr-thread .remove-action { font-size: 16px; float: right; cursor: pointer } .plnr-thread .remove-action:after { content: ""; clear: both; display: block } .plnr-thread .notification-info { margin-left: 5px } .plnr-thread .notification-error { margin-left: 5px; color: #c7243a } .plnr-thread-list .plnr-thread { margin-bottom: 10px } .plnr-thread-list .plnr-thread:nth-last-of-type(1) { margin-bottom: 4px } .plnr-thread-content .comment { margin-top: 10px } .plnr-thread-content .comment p.line-wrap { margin: 0; word-wrap: break-word } .plnr-create-form { padding: 10px; border-radius: 4px; border: 1px solid #efefef } .plnr-thread-action-form { margin-top: 10px; padding-top: 10px; border-top: 1px solid #e3e3e3 } .plnr-thread-child { margin-top: 10px; padding-top: 10px; padding-left: 10px; border-top: 1px solid #e3e3e3 } .plnr-thread-list .status-raised { display: inline-block; margin-right: 12px; padding: 1px 3px; border-radius: 4px; background-color: #e65a5a; color: #fff; font-size: 11px; } .plnr-thread-list .status-done { display: inline-block; margin-right: 12px; padding: 1px 3px; border-radius: 4px; background-color: #4fb012e0; color: #fff; font-size: 11px; } .plnr-thread-list .important-mark { position: relative; display: inline-block; margin-right: 6px; vertical-align: middle; font-size: 18px; cursor: pointer; } #invoice_creator .user_matcher_form_row.action { border: 1px solid #efefef; background-color: #f9f9f9; border-radius: 4px; padding: 15px } #invoice_creator .user_matcher_form_row.form-action { text-align: center; padding: 10px } #invoice_search #fp_search_btn { margin-top: 22px } .jy-lines-table table.list-table>tbody>tr>td.js-vat-display { width: 100px } .jy-lines-table table>tbody>tr>td input, .jy-lines-table table>tbody>tr>td .input-account-item { width: 220px } .jy-editor-common .div_cb { height: 10px; display: inline-block; vertical-align: middle; margin: 6px 6px 6px 25px } .jy-editor-common .div_wb { height: 1px; display: inline-block; vertical-align: middle; margin: 6px 6px 6px 10px } .jy-editor-common .div_fpxz { height: 46px; display: inline-block; vertical-align: middle; margin: 6px } .jy-lines-table table.list-table>tbody>tr>td>div.line-Zspm { width: 160px } .jy-lines-table table.list-table>tbody>tr>td>div.line-hssl { width: 100px } .jy-lines-table table.list-table>tbody>tr>td>div.line-hssl>div>input { width: 60px } .jy-lines-table table.list-table>tbody>tr>td>div.line-Zspm>div>span>input { width: 150px } .jy-editor-common .newInvoice-Js { display: inline-block; vertical-align: middle; margin: 6px } .jy-editor-common .wallet { display: inline-block; vertical-align: middle; margin: 6px 6px -5px } .jy-editor-common .invoice { height: 46px; display: inline-block; vertical-align: middle; margin: 6px } .jy-editor-common .invoice select { width: 200px } .jy-editor-common .div_fpfs { height: 46px; display: inline-block; vertical-align: middle; margin: 6px } .jy-editor-common .div_rzzt { height: 46px; display: inline-block; vertical-align: middle; margin: 6px } .jy-editor-common .div_fpdm { height: 46px; display: inline-block; vertical-align: middle; margin: 6px } .jy-editor-common .div_fphm { height: 46px; display: inline-block; vertical-align: middle; margin: 6px } .jy-editor-common .div_fpfs #in_fpfs { width: 50px } .jy-editor-common .otherElements { display: inline-block } .taxplus_error_notification { font-size: 13px; line-height: 18px; height: 30px; color: #fff; background-color: #C7243A; display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center } .taxplus_error_notification a { color: #fff; text-decoration: underline } div.fcb-container { z-index: 1000; display: inline-block; vertical-align: middle } div.fcb { z-index: 1000; position: absolute } div.fcb ul { list-style: none; margin: 0; padding-top: 1px } div.fcb ul.ul-child, div.fcb ul.ul-help { position: absolute; top: 0; padding: 0px 8px } div.fcb li { position: relative; text-align: center; padding: 1px 0 } div.fcb li .a-parent, div.fcb li .a-child { cursor: pointer; background: #F0F0F0; border: 1px solid #F0F0F0; color: #555; padding: 3px; display: block; text-decoration: none; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 1px 1px 5px #000; -moz-box-shadow: 1px 1px 5px #000; box-shadow: 1px 1px 5px #000 } div.fcb li .a-parent.active, div.fcb li .a-child.active { background: #3261AB; color: #FFF; border: 1px solid #FFF } div.fcb span.important { color: #D04255; font-weight: bold } div.fcb .active span.important { color: #fff7aa } div.fcb div.fcb-help { position: relative; padding: 5px; text-align: left; margin: 0 9px; color: #555; background: #cbe6f3; width: 120px; min-height: 70px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 1px 1px 5px #000; -moz-box-shadow: 1px 1px 5px #000; box-shadow: 1px 1px 5px #000 } div.fcb div.fcb-help .arrow { position: absolute; left: -24px; border: 15px solid transparent; border-right-color: #cbe6f3; display: block; width: 0 } div.fcb div.fcb-help h1 { position: relative; margin-left: 7px; line-height: 20px; font-size: 11px; font-weight: bold } div.fcb div.fcb-help h1 span.asterisk { color: #D04255; margin-right: 0 } div.fcb div.fcb-help p { position: relative; margin-top: 0; margin-left: 2px; padding: 0 5px; font-size: 10px; text-align: justify; text-justify: inter-ideograph } div.fcb div.fcb-node { min-height: 32px } div.fcb div.fcb-node div.fcb-color-box { -webkit-border-radius: 3px 0 0 3px; -moz-border-radius: 3px 0 0 3px; -ms-border-radius: 3px 0 0 3px; -o-border-radius: 3px 0 0 3px; border-radius: 3px 0 0 3px; position: absolute; top: 2px; left: 1px; width: 28px; height: 38px; border: 1px solid } div.fcb div.fcb-node div.fcb-color-box.color-1 { background: #E06A3B; border-color: #E06A3B } div.fcb div.fcb-node div.fcb-color-box.color-2 { background: #208DC3; border-color: #208DC3 } div.fcb div.fcb-node div.fcb-color-box.color-3 { background: #F0BA32; border-color: #F0BA32 } div.fcb div.fcb-node div.fcb-color-box.color-4 { background: #D04255; border-color: #D04255 } div.fcb div.fcb-node div.fcb-color-box.color-5 { background: #B2CF3E; border-color: #B2CF3E } div.fcb div.fcb-node div.fcb-color-box.color-6 { background: #C23685; border-color: #C23685 } div.fcb div.fcb-node div.fcb-color-box.color-7 { background: #23AC0E; border-color: #23AC0E } div.fcb div.fcb-node div.fcb-color-box.color-8 { background: #744199; border-color: #744199 } div.fcb div.fcb-node div.fcb-color-box.color-9 { background: #888; border-color: #888 } div.fcb div.fcb-node div.fcb-icon { position: absolute; width: 20px; color: #555; top: 14px; left: 6px } div.fcb div.fcb-node.colored div.fcb-icon { color: #fff } div.fcb div.fcb-node div.fcb-text { text-align: left; margin-left: 30px } div.fcb .active div.fcb-node { border-color: #FFF } div.fcb .active div.fcb-node div.fcb-icon { color: #fff } div.fcb.fcb-search ul.ul-help { display: none; left: 230px; z-index: 1180 } div.fcb.fcb-search li span.a-parent, div.fcb.fcb-search li div.a-parent { width: 300px } div.fcb.fcb-search li div.search-node { *zoom: 1; font-size: 13px } div.fcb.fcb-search li div.search-node:after { content: ""; display: table; clear: both } div.fcb.fcb-search li div.search-node div.search-item { float: left; margin: 8px 0 0 30px } div.fcb.fcb-search li div.search-node div.search-shortcut { float: right; margin: 9px 5px 0 0 } div.fcb.fcb-search li div.search-node div.search-shortcut-num { float: right; margin: 9px 5px 0 0 } div.fcb.fcb-menu { padding-top: 5px } div.fcb.fcb-menu .fcb-description { width: 235px; background: #F0F0F0; border: 1px solid #F0F0F0; color: #555; display: none; text-decoration: none; -webkit-border-radius: 1px; -moz-border-radius: 1px; -ms-border-radius: 1px; -o-border-radius: 1px; border-radius: 1px; -webkit-box-shadow: 1px 1px 1px #000; -moz-box-shadow: 1px 1px 1px #000; box-shadow: 1px 1px 1px #000 } div.fcb.fcb-menu .fcb-description:before { content: ""; display: block; border-bottom: 7px solid #F0F0F0; border-left: 7px solid transparent; border-right: 7px solid transparent; position: absolute; bottom: 100%; right: 95%; margin: 0 0 -6px } div.fcb.fcb-menu .fcb-description .desc-text { padding: 1px 7px; text-align: left; font-size: 9px; line-height: 18px } div.fcb.fcb-menu .fcb-description a.support-article { cursor: pointer } div.fcb.fcb-menu .fcb-description-bottom { width: 235px; background: #F0F0F0; border: 1px solid #F0F0F0; color: #555; display: none; text-decoration: none; -webkit-border-radius: 1px; -moz-border-radius: 1px; -ms-border-radius: 1px; -o-border-radius: 1px; border-radius: 1px; -webkit-box-shadow: 1px 1px 1px #000; -moz-box-shadow: 1px 1px 1px #000; box-shadow: 1px 1px 1px #000 } div.fcb.fcb-menu .fcb-description-bottom:after { content: ""; display: block; border-top: 7px solid #F0F0F0; border-left: 7px solid transparent; border-right: 7px solid transparent; position: absolute; right: 98%; margin: 1px 0 0 } div.fcb.fcb-menu .fcb-description-bottom .desc-text { padding: 1px 7px; text-align: left; font-size: 9px; line-height: 18px } div.fcb.fcb-menu ul.ul-parent { display: none } div.fcb.fcb-menu ul.ul-child { display: none; left: 234px; z-index: 1090 } div.fcb.fcb-menu ul.ul-help { display: none; left: 190px; z-index: 1180 } div.fcb.fcb-menu li.li-parent { width: 600px } div.fcb.fcb-menu li span.a-parent, div.fcb.fcb-menu li div.a-parent { width: 230px } div.fcb.fcb-menu li span.a-parent .menu-triangle, div.fcb.fcb-menu li div.a-parent .menu-triangle { content: ""; position: absolute; top: 16px; left: 224px; border: 5px solid transparent; border-left-color: #555; display: inline; z-index: 100; width: 0 } div.fcb.fcb-menu li span.a-child, div.fcb.fcb-menu li div.a-child { width: 190px } div.fcb.fcb-menu li span.a-help, div.fcb.fcb-menu li div.a-help { width: 150px } div.fcb.fcb-menu li span.setting-link div.menu-node, div.fcb.fcb-menu li div.setting-link div.menu-node { min-height: 26px; padding: 1px } div.fcb.fcb-menu li span.setting-link div.menu-node .fcb-icon, div.fcb.fcb-menu li div.setting-link div.menu-node .fcb-icon { top: 9px } div.fcb.fcb-menu li span.setting-link div.menu-node .link-icon, div.fcb.fcb-menu li div.setting-link div.menu-node .link-icon { position: absolute; top: 9px; left: 220px; color: #08c } div.fcb.fcb-menu li span.setting-link div.menu-node .menu-title, div.fcb.fcb-menu li div.setting-link div.menu-node .menu-title { color: #08c } div.fcb.fcb-menu li span.setting-link.active div.menu-node .menu-title, div.fcb.fcb-menu li div.setting-link.active div.menu-node .menu-title { color: #FFF } div.fcb.fcb-menu li div.menu-node { padding: 1px } div.fcb.fcb-menu li div.menu-node div.menu-title { font-size: 12px; line-height: 18px } div.fcb.fcb-menu li div.menu-node div.menu-desc { font-size: 9px; line-height: 14px } div.fcb.fcb-menu li .active div.menu-triangle { border-left-color: #FFF } .input-fcb-mobile { width: 110px } .industry-code-select { display: inline-block } .industry-code-select select { width: 70px } /*! * jQuery UI CSS Framework 1.8.22 * * Copyright 2012, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Theming/API */ .ui-helper-hidden { display: none } .ui-helper-hidden-accessible { position: absolute !important; clip: rect(1px, 1px, 1px, 1px) } .ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none } .ui-helper-clearfix { zoom: 1 } .ui-helper-clearfix:before, .ui-helper-clearfix:after { content: ""; display: table } .ui-helper-clearfix:after { clear: both } .ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter: Alpha(Opacity=0) } .ui-state-disabled { cursor: default !important } .ui-icon { display: block; text-indent: -99999px; overflow: hidden; background: url(../images/jquery-ui/ui-icons_ff0084_256x240.png) no-repeat; width: 16px; height: 16px } .ui-widget { font: 1.0em Helvetica, Arial, sans-serif } .ui-widget .ui-widget { font-size: 1em } .ui-widget input, .ui-widget .ui-widget select, .ui-widget .ui-widget textarea { font: 1em Helvetica, Arial, sans-serif } .ui-widget button { font-size: 13px } .ui-widget-content { border: 1px solid #ddd; background: #fff url(../images/jquery-ui/ui-bg_flat_75_ffffff_40x100.png) 50% 50% repeat-x; color: #444 } .ui-widget-header { border: 1px solid #ddd; background: none; color: #444; font-weight: bold } .ui-widget-header a { color: #444 } .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 1px solid #ddd; background: #E9E9E9; font-weight: normal; color: #0083EA; -webkit-box-shadow: -1px 1px 1px 0 #c3c3c3 inset, 1px 1px 1px 0 #c3c3c3 inset; -moz-box-shadow: -1px 1px 1px 0 #c3c3c3 inset, 1px 1px 1px 0 #c3c3c3 inset; box-shadow: -1px 1px 1px 0 #c3c3c3 inset, 1px 1px 1px 0 #c3c3c3 inset } .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #0083EA; text-decoration: none } .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { border: 1px solid #0083EA; background: #0083EA url(../images/jquery-ui/ui-bg_highlight-soft_25_0073ea_1x100.png) 50% 50% repeat-x; font-weight: bold; color: #fff } .ui-state-hover a, .ui-state-hover a:hover { color: #fff; text-decoration: none } .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: 1px solid #ddd; background: #fff; font-weight: bold; color: #D04255; text-decoration: underline } .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #D04255; text-decoration: underline } .ui-widget :active { outline: 0 } .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight { border: 1px solid #ccc; color: #444 } .ui-state-highlight a, .ui-widget-content .ui-state-highlight a, .ui-widget-header .ui-state-highlight a { color: #444 } .ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error { border: 1px solid #D04255; background: #fff url(../images/jquery-ui/ui-bg_flat_55_ffffff_40x100.png) 50% 50% repeat-x; color: #222 } .ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #222 } .ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #222 } .ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary { font-weight: bold } .ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary { opacity: .7; filter: Alpha(Opacity=70); font-weight: normal } .ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: .35; filter: Alpha(Opacity=35); background-image: none } .ui-widget-content .ui-icon { background-image: url(../images/jquery-ui/ui-icons_ff0084_256x240.png) } .ui-widget-header .ui-icon { background-image: url(../images/jquery-ui/ui-icons_0073ea_256x240.png) } .ui-state-default .ui-icon { background-image: url(../images/jquery-ui/ui-icons_666666_256x240.png) } .ui-state-hover .ui-icon, .ui-state-focus .ui-icon { background-image: url(../images/jquery-ui/ui-icons_ffffff_256x240.png) } .ui-state-active .ui-icon { background-image: url(../images/jquery-ui/ui-icons_454545_256x240.png) } .ui-state-highlight .ui-icon { background-image: url(../images/jquery-ui/ui-icons_0073ea_256x240.png) } .ui-state-error .ui-icon, .ui-state-error-text .ui-icon { background-image: url(../images/jquery-ui/ui-icons_ff0084_256x240.png) } .ui-icon-carat-1-n { background-position: 0 0 } .ui-icon-carat-1-ne { background-position: -16px 0 } .ui-icon-carat-1-e { background-position: -32px 0 } .ui-icon-carat-1-se { background-position: -48px 0 } .ui-icon-carat-1-s { background-position: -64px 0 } .ui-icon-carat-1-sw { background-position: -80px 0 } .ui-icon-carat-1-w { background-position: -96px 0 } .ui-icon-carat-1-nw { background-position: -112px 0 } .ui-icon-carat-2-n-s { background-position: -128px 0 } .ui-icon-carat-2-e-w { background-position: -144px 0 } .ui-icon-triangle-1-n { background-position: 0 -16px } .ui-icon-triangle-1-ne { background-position: -16px -16px } .ui-icon-triangle-1-e { background-position: -32px -16px } .ui-icon-triangle-1-se { background-position: -48px -16px } .ui-icon-triangle-1-s { background-position: -64px -16px } .ui-icon-triangle-1-sw { background-position: -80px -16px } .ui-icon-triangle-1-w { background-position: -96px -16px } .ui-icon-triangle-1-nw { background-position: -112px -16px } .ui-icon-triangle-2-n-s { background-position: -128px -16px } .ui-icon-triangle-2-e-w { background-position: -144px -16px } .ui-icon-arrow-1-n { background-position: 0 -32px } .ui-icon-arrow-1-ne { background-position: -16px -32px } .ui-icon-arrow-1-e { background-position: -32px -32px } .ui-icon-arrow-1-se { background-position: -48px -32px } .ui-icon-arrow-1-s { background-position: -64px -32px } .ui-icon-arrow-1-sw { background-position: -80px -32px } .ui-icon-arrow-1-w { background-position: -96px -32px } .ui-icon-arrow-1-nw { background-position: -112px -32px } .ui-icon-arrow-2-n-s { background-position: -128px -32px } .ui-icon-arrow-2-ne-sw { background-position: -144px -32px } .ui-icon-arrow-2-e-w { background-position: -160px -32px } .ui-icon-arrow-2-se-nw { background-position: -176px -32px } .ui-icon-arrowstop-1-n { background-position: -192px -32px } .ui-icon-arrowstop-1-e { background-position: -208px -32px } .ui-icon-arrowstop-1-s { background-position: -224px -32px } .ui-icon-arrowstop-1-w { background-position: -240px -32px } .ui-icon-arrowthick-1-n { background-position: 0 -48px } .ui-icon-arrowthick-1-ne { background-position: -16px -48px } .ui-icon-arrowthick-1-e { background-position: -32px -48px } .ui-icon-arrowthick-1-se { background-position: -48px -48px } .ui-icon-arrowthick-1-s { background-position: -64px -48px } .ui-icon-arrowthick-1-sw { background-position: -80px -48px } .ui-icon-arrowthick-1-w { background-position: -96px -48px } .ui-icon-arrowthick-1-nw { background-position: -112px -48px } .ui-icon-arrowthick-2-n-s { background-position: -128px -48px } .ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px } .ui-icon-arrowthick-2-e-w { background-position: -160px -48px } .ui-icon-arrowthick-2-se-nw { background-position: -176px -48px } .ui-icon-arrowthickstop-1-n { background-position: -192px -48px } .ui-icon-arrowthickstop-1-e { background-position: -208px -48px } .ui-icon-arrowthickstop-1-s { background-position: -224px -48px } .ui-icon-arrowthickstop-1-w { background-position: -240px -48px } .ui-icon-arrowreturnthick-1-w { background-position: 0 -64px } .ui-icon-arrowreturnthick-1-n { background-position: -16px -64px } .ui-icon-arrowreturnthick-1-e { background-position: -32px -64px } .ui-icon-arrowreturnthick-1-s { background-position: -48px -64px } .ui-icon-arrowreturn-1-w { background-position: -64px -64px } .ui-icon-arrowreturn-1-n { background-position: -80px -64px } .ui-icon-arrowreturn-1-e { background-position: -96px -64px } .ui-icon-arrowreturn-1-s { background-position: -112px -64px } .ui-icon-arrowrefresh-1-w { background-position: -128px -64px } .ui-icon-arrowrefresh-1-n { background-position: -144px -64px } .ui-icon-arrowrefresh-1-e { background-position: -160px -64px } .ui-icon-arrowrefresh-1-s { background-position: -176px -64px } .ui-icon-arrow-4 { background-position: 0 -80px } .ui-icon-arrow-4-diag { background-position: -16px -80px } .ui-icon-extlink { background-position: -32px -80px } .ui-icon-newwin { background-position: -48px -80px } .ui-icon-refresh { background-position: -64px -80px } .ui-icon-shuffle { background-position: -80px -80px } .ui-icon-transfer-e-w { background-position: -96px -80px } .ui-icon-transferthick-e-w { background-position: -112px -80px } .ui-icon-folder-collapsed { background-position: 0 -96px } .ui-icon-folder-open { background-position: -16px -96px } .ui-icon-document { background-position: -32px -96px } .ui-icon-document-b { background-position: -48px -96px } .ui-icon-note { background-position: -64px -96px } .ui-icon-mail-closed { background-position: -80px -96px } .ui-icon-mail-open { background-position: -96px -96px } .ui-icon-suitcase { background-position: -112px -96px } .ui-icon-comment { background-position: -128px -96px } .ui-icon-person { background-position: -144px -96px } .ui-icon-print { background-position: -160px -96px } .ui-icon-trash { background-position: -176px -96px } .ui-icon-locked { background-position: -192px -96px } .ui-icon-unlocked { background-position: -208px -96px } .ui-icon-bookmark { background-position: -224px -96px } .ui-icon-tag { background-position: -240px -96px } .ui-icon-home { background-position: 0 -112px } .ui-icon-flag { background-position: -16px -112px } .ui-icon-calendar { background-position: -32px -112px } .ui-icon-cart { background-position: -48px -112px } .ui-icon-pencil { background-position: -64px -112px } .ui-icon-clock { background-position: -80px -112px } .ui-icon-disk { background-position: -96px -112px } .ui-icon-calculator { background-position: -112px -112px } .ui-icon-zoomin { background-position: -128px -112px } .ui-icon-zoomout { background-position: -144px -112px } .ui-icon-search { background-position: -160px -112px } .ui-icon-wrench { background-position: -176px -112px } .ui-icon-gear { background-position: -192px -112px } .ui-icon-heart { background-position: -208px -112px } .ui-icon-star { background-position: -224px -112px } .ui-icon-link { background-position: -240px -112px } .ui-icon-cancel { background-position: 0 -128px } .ui-icon-plus { background-position: -16px -128px } .ui-icon-plusthick { background-position: -32px -128px } .ui-icon-minus { background-position: -48px -128px } .ui-icon-minusthick { background-position: -64px -128px } .ui-icon-close { background-position: -80px -128px } .ui-icon-closethick { background-position: -96px -128px } .ui-icon-key { background-position: -112px -128px } .ui-icon-lightbulb { background-position: -128px -128px } .ui-icon-scissors { background-position: -144px -128px } .ui-icon-clipboard { background-position: -160px -128px } .ui-icon-copy { background-position: -176px -128px } .ui-icon-contact { background-position: -192px -128px } .ui-icon-image { background-position: -208px -128px } .ui-icon-video { background-position: -224px -128px } .ui-icon-script { background-position: -240px -128px } .ui-icon-alert { background-position: 0 -144px } .ui-icon-info { background-position: -16px -144px } .ui-icon-notice { background-position: -32px -144px } .ui-icon-help { background-position: -48px -144px } .ui-icon-check { background-position: -64px -144px } .ui-icon-bullet { background-position: -80px -144px } .ui-icon-radio-off { background-position: -96px -144px } .ui-icon-radio-on { background-position: -112px -144px } .ui-icon-pin-w { background-position: -128px -144px } .ui-icon-pin-s { background-position: -144px -144px } .ui-icon-play { background-position: 0 -160px } .ui-icon-pause { background-position: -16px -160px } .ui-icon-seek-next { background-position: -32px -160px } .ui-icon-seek-prev { background-position: -48px -160px } .ui-icon-seek-end { background-position: -64px -160px } .ui-icon-seek-start { background-position: -80px -160px } .ui-icon-seek-first { background-position: -80px -160px } .ui-icon-stop { background-position: -96px -160px } .ui-icon-eject { background-position: -112px -160px } .ui-icon-volume-off { background-position: -128px -160px } .ui-icon-volume-on { background-position: -144px -160px } .ui-icon-power { background-position: 0 -176px } .ui-icon-signal-diag { background-position: -16px -176px } .ui-icon-signal { background-position: -32px -176px } .ui-icon-battery-0 { background-position: -48px -176px } .ui-icon-battery-1 { background-position: -64px -176px } .ui-icon-battery-2 { background-position: -80px -176px } .ui-icon-battery-3 { background-position: -96px -176px } .ui-icon-circle-plus { background-position: 0 -192px } .ui-icon-circle-minus { background-position: -16px -192px } .ui-icon-circle-close { background-position: -32px -192px } .ui-icon-circle-triangle-e { background-position: -48px -192px } .ui-icon-circle-triangle-s { background-position: -64px -192px } .ui-icon-circle-triangle-w { background-position: -80px -192px } .ui-icon-circle-triangle-n { background-position: -96px -192px } .ui-icon-circle-arrow-e { background-position: -112px -192px } .ui-icon-circle-arrow-s { background-position: -128px -192px } .ui-icon-circle-arrow-w { background-position: -144px -192px } .ui-icon-circle-arrow-n { background-position: -160px -192px } .ui-icon-circle-zoomin { background-position: -176px -192px } .ui-icon-circle-zoomout { background-position: -192px -192px } .ui-icon-circle-check { background-position: -208px -192px } .ui-icon-circlesmall-plus { background-position: 0 -208px } .ui-icon-circlesmall-minus { background-position: -16px -208px } .ui-icon-circlesmall-close { background-position: -32px -208px } .ui-icon-squaresmall-plus { background-position: -48px -208px } .ui-icon-squaresmall-minus { background-position: -64px -208px } .ui-icon-squaresmall-close { background-position: -80px -208px } .ui-icon-grip-dotted-vertical { background-position: 0 -224px } .ui-icon-grip-dotted-horizontal { background-position: -16px -224px } .ui-icon-grip-solid-vertical { background-position: -32px -224px } .ui-icon-grip-solid-horizontal { background-position: -48px -224px } .ui-icon-gripsmall-diagonal-se { background-position: -64px -224px } .ui-icon-grip-diagonal-se { background-position: -80px -224px } .ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl { -moz-border-radius-topleft: 2px; -webkit-border-top-left-radius: 2px; -khtml-border-top-left-radius: 2px; border-top-left-radius: 2px } .ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr { -moz-border-radius-topright: 2px; -webkit-border-top-right-radius: 2px; -khtml-border-top-right-radius: 2px; border-top-right-radius: 2px } .ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl { -moz-border-radius-bottomleft: 2px; -webkit-border-bottom-left-radius: 2px; -khtml-border-bottom-left-radius: 2px; border-bottom-left-radius: 2px } .ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { -moz-border-radius-bottomright: 2px; -webkit-border-bottom-right-radius: 2px; -khtml-border-bottom-right-radius: 2px; border-bottom-right-radius: 2px } .ui-widget-overlay { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: #000; opacity: .40; filter: Alpha(Opacity=40) } .ui-widget-shadow { margin: -4px 0 0 -4px; padding: 4px; background: #aaa url(../images/jquery-ui/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x; opacity: .60; filter: Alpha(Opacity=60); -moz-border-radius: 0; -khtml-border-radius: 0; -webkit-border-radius: 0; border-radius: 0 } .ui-resizable { position: relative } .ui-resizable-handle { position: absolute; font-size: 0.1px; display: block } .ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle { display: none } .ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0 } .ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0 } .ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0; height: 100% } .ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0; height: 100% } .ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px } .ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px } .ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px } .ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px } /*! * jQuery UI Selectable 1.8.22 * * Copyright 2012, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Selectable#theming */ .ui-selectable-helper { position: absolute; z-index: 100; border: 1px dotted #000 } /*! * jQuery UI Autocomplete 1.8.22 * * Copyright 2012, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Autocomplete#theming */ .ui-autocomplete { position: absolute; cursor: default } * html .ui-autocomplete { width: 1px } .ui-menu { list-style: none; padding: 2px; margin: 0; display: block; float: left } .ui-menu .ui-menu { margin-top: -3px } .ui-menu .ui-menu-item { margin: 0; padding: 0; zoom: 1; float: left; clear: left; width: 100% } .ui-menu .ui-menu-item a { text-decoration: none; display: block; padding: 0.2em 0.4em; line-height: 1.5; zoom: 1 } .ui-menu .ui-menu-item a.ui-state-hover, .ui-menu .ui-menu-item a.ui-state-active { font-weight: normal; margin: -1px } /*! * jQuery UI Button 1.8.22 * * Copyright 2012, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Button#theming */ .ui-button { display: inline-block; position: relative; padding: 0; margin-right: .1em; text-decoration: none !important; cursor: pointer; ext-align: center; zoom: 1; overflow: visible } .ui-button-icon-only { width: 2.2em } button.ui-button-icon-only { width: 2.4em } .ui-button-icons-only { width: 3.4em } button.ui-button-icons-only { width: 3.7em } .ui-button .ui-button-text { display: block; line-height: 1.4 } .ui-button-text-only .ui-button-text { padding: 0.4em 1em } .ui-button-icon-only .ui-button-text, .ui-button-icons-only .ui-button-text { padding: .4em; text-indent: -9999999px } .ui-button-text-icon-primary .ui-button-text, .ui-button-text-icons .ui-button-text { padding: 0.4em 1em 0.4em 2.1em } .ui-button-text-icon-secondary .ui-button-text, .ui-button-text-icons .ui-button-text { padding: 0.4em 2.1em 0.4em 1em } .ui-button-text-icons .ui-button-text { padding-left: 2.1em; padding-right: 2.1em } input.ui-button { padding: 0.4em 1em } .ui-button-icon-only .ui-icon, .ui-button-text-icon-primary .ui-icon, .ui-button-text-icon-secondary .ui-icon, .ui-button-text-icons .ui-icon, .ui-button-icons-only .ui-icon { position: absolute; top: 50%; margin-top: -8px } .ui-button-icon-only .ui-icon { left: 50%; margin-left: -8px } .ui-button-text-icon-primary .ui-button-icon-primary, .ui-button-text-icons .ui-button-icon-primary, .ui-button-icons-only .ui-button-icon-primary { left: .5em } .ui-button-text-icon-secondary .ui-button-icon-secondary, .ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary { right: .5em } .ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary { right: .5em } .ui-buttonset { margin-right: 7px } .ui-buttonset .ui-button { margin-left: 0; margin-right: -.3em } button.ui-button::-moz-focus-inner { border: 0; padding: 0 } /*! * jQuery UI Dialog 1.8.22 * * Copyright 2012, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Dialog#theming */ .ui-dialog { position: absolute; width: 300px; background: #FFF; color: #555; display: block; text-decoration: none; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 1px 1px 5px #000; -moz-box-shadow: 1px 1px 5px #000; box-shadow: 1px 1px 5px #000 } .ui-dialog .ui-dialog-titlebar { background: #E3E3E3; padding: 6px; margin-bottom: 9px; font-size: 18px; line-height: 18px; -webkit-border-radius: 3px 3px 0 0; -moz-border-radius: 3px 3px 0 0; -ms-border-radius: 3px 3px 0 0; -o-border-radius: 3px 3px 0 0; border-radius: 3px 3px 0 0 } .ui-dialog .ui-dialog-title { float: left; margin: 0.1em 16px 0.1em 3px } .ui-dialog .ui-dialog-content { position: relative; padding: 6px 9px 9px; background: #fff; border: 0; zoom: 1 } .ui-dialog .ui-dialog-titlebar-close { display: none } .ui-dialog .ui-dialog-buttonpane { margin: 5px 0 0; padding: 0 9px 9px; border: 0; border-top: 1px solid #CCC } .ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { float: right } .ui-dialog .ui-dialog-buttonpane button { background-color: #4779c9 !important; background-repeat: repeat; background: -owg-linear-gradient(#4779c9, #3261AB); background: -webkit-linear-gradient(#4779c9, #3261AB); background: -moz-linear-gradient(#4779c9, #3261AB); background: -o-linear-gradient(#4779c9, #3261AB); background: linear-gradient(#4779c9, #3261AB); border-color: #386cbf; color: #FFF !important; text-shadow: none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; color: #fff; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; border: 1px solid #0065b3; border-bottom: 1px solid #004880; margin: 9px 0 0 6px } .ui-dialog .ui-dialog-buttonpane button:hover { background-color: #6eb7db !important; background-repeat: repeat; background-position: left top; color: #FFF !important; background: -owg-linear-gradient(#386cbf, #2c5697); background: -webkit-linear-gradient(#386cbf, #2c5697); background: -moz-linear-gradient(#386cbf, #2c5697); background: -o-linear-gradient(#386cbf, #2c5697); background: linear-gradient(#386cbf, #2c5697) } .ui-dialog .ui-resizable-se { width: 14px; height: 14px; right: 3px; bottom: 3px } .ui-draggable .ui-dialog-titlebar { cursor: move } .ui-tabs { position: relative; zoom: 1; padding: 8px 0 0 } .ui-tabs .ui-tabs-nav { margin: 0; padding: 0 16px; border-bottom: 4px solid #43b1e8; border-radius: 0; background: transparent } .ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 1px; margin: 0 0 1px; border-bottom: 0; padding: 0; white-space: nowrap } .ui-tabs .ui-tabs-nav li a { float: left; text-decoration: none; box-sizing: border-box; margin-right: 8px; padding: 6px 16px; min-width: 120px; border: 0 none; border-radius: 3px 3px 0 0; background-color: #eaeaea; box-shadow: none; color: #333; text-align: center; font-weight: normal } .ui-tabs .ui-tabs-nav li.ui-tabs-selected { margin-bottom: 0; padding-bottom: 1px } .ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text } .ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer } .ui-tabs .ui-tabs-panel { display: block; border-width: 0; padding: 1em 1.4em; background: none } .ui-tabs .ui-tabs-hide { display: none !important } .ui-tabs-nav { background: #E3E3E3; border: 0 } /*! * jQuery UI Datepicker 1.8.22 * * Copyright 2012, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Datepicker#theming */ .ui-datepicker { width: 17em; padding: 0.2em 0.2em 0; display: none; z-index: 2003 } .ui-datepicker .ui-datepicker-header { position: relative; padding: .2em 0 } .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position: absolute; top: 2px; width: 1.8em; height: 1.8em } .ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px } .ui-datepicker .ui-datepicker-prev { left: 2px } .ui-datepicker .ui-datepicker-next { right: 2px } .ui-datepicker .ui-datepicker-prev-hover { left: 1px } .ui-datepicker .ui-datepicker-next-hover { right: 1px } .ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px } .ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center } .ui-datepicker .ui-datepicker-title select { font-size: 1em; margin: 1px 0 } .ui-datepicker select.ui-datepicker-month-year { width: 100% } .ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year { width: 49% } .ui-datepicker table { width: 100%; font-size: .9em; border-collapse: collapse; margin: 0 0 0.4em } .ui-datepicker th { padding: 0.7em 0.3em; text-align: center; font-weight: bold; border: 0 } .ui-datepicker td { border: 0; padding: 1px } .ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none } .ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0; padding: 0 0.2em; border-left: 0; border-right: 0; border-bottom: 0 } .ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: 0.5em 0.2em 0.4em; cursor: pointer; padding: 0.2em 0.6em 0.3em; width: auto; overflow: visible } .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float: left } .ui-datepicker.ui-datepicker-multi { width: auto } .ui-datepicker-multi .ui-datepicker-group { float: left } .ui-datepicker-multi .ui-datepicker-group table { width: 95%; margin: 0 auto 0.4em } .ui-datepicker-multi-2 .ui-datepicker-group { width: 50% } .ui-datepicker-multi-3 .ui-datepicker-group { width: 33.3% } .ui-datepicker-multi-4 .ui-datepicker-group { width: 25% } .ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header { border-left-width: 0 } .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width: 0 } .ui-datepicker-multi .ui-datepicker-buttonpane { clear: left } .ui-datepicker-row-break { clear: both; width: 100%; font-size: 0 } .ui-datepicker-rtl { direction: rtl } .ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto } .ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto } .ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto } .ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto } .ui-datepicker-rtl .ui-datepicker-buttonpane { clear: right } .ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left } .ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current { float: right } .ui-datepicker-rtl .ui-datepicker-group { float: right } .ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header { border-right-width: 0; border-left-width: 1px } .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width: 0; border-left-width: 1px } .ui-datepicker-cover { position: absolute; z-index: -1; filter: mask(); top: -4px; left: -4px; width: 200px; height: 200px } /*! * jQuery UI Slider 1.8.22 * * Copyright 2012, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Slider#theming */ .ui-slider { position: relative; text-align: left } .ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: default } .ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0 } .ui-slider-horizontal { height: .8em } .ui-slider-horizontal .ui-slider-handle { top: -.3em; margin-left: -.6em } .ui-slider-horizontal .ui-slider-range { top: 0; height: 100% } .ui-slider-horizontal .ui-slider-range-min { left: 0 } .ui-slider-horizontal .ui-slider-range-max { right: 0 } .ui-slider-vertical { width: .8em; height: 100px } .ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0; margin-bottom: -.6em } .ui-slider-vertical .ui-slider-range { left: 0; width: 100% } .ui-slider-vertical .ui-slider-range-min { bottom: 0 } .ui-slider-vertical .ui-slider-range-max { top: 0 } #tiptip_holder { display: none; position: absolute; top: 0; left: 0; z-index: 99999 } #tiptip_holder.tip_top { padding-bottom: 5px } #tiptip_holder.tip_bottom { padding-top: 5px } #tiptip_holder.tip_right { padding-left: 5px } #tiptip_holder.tip_left { padding-right: 5px } #tiptip_content { font-size: 11px; color: #fff; text-shadow: 0 0 2px #000; padding: 4px 8px; border: 1px solid rgba(255, 255, 255, 0.25); background-color: rgba(25, 25, 25, 0.92); background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(transparent), to(#000)); border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; box-shadow: 0 0 3px #555; -webkit-box-shadow: 0 0 3px #555; -moz-box-shadow: 0 0 3px #555 } #tiptip_arrow, #tiptip_arrow_inner { position: absolute; border: 6px solid transparent; height: 0; width: 0 } #tiptip_holder.tip_top #tiptip_arrow { border-top-color: rgba(255, 255, 255, 0.35) } #tiptip_holder.tip_bottom #tiptip_arrow { border-bottom-color: rgba(255, 255, 255, 0.35) } #tiptip_holder.tip_right #tiptip_arrow { border-right-color: rgba(255, 255, 255, 0.35) } #tiptip_holder.tip_left #tiptip_arrow { border-left-color: rgba(255, 255, 255, 0.35) } #tiptip_holder.tip_top #tiptip_arrow_inner { margin-top: -7px; margin-left: -6px; border-top-color: rgba(25, 25, 25, 0.92) } #tiptip_holder.tip_bottom #tiptip_arrow_inner { margin-top: -5px; margin-left: -6px; border-bottom-color: rgba(25, 25, 25, 0.92) } #tiptip_holder.tip_right #tiptip_arrow_inner { margin-top: -6px; margin-left: -5px; border-right-color: rgba(25, 25, 25, 0.92) } #tiptip_holder.tip_left #tiptip_arrow_inner { margin-top: -6px; margin-left: -7px; border-left-color: rgba(25, 25, 25, 0.92) } @media screen and (-webkit-min-device-pixel-ratio:0) { #tiptip_content { padding: 4px 8px 5px; background-color: rgba(45, 45, 45, 0.88) } #tiptip_holder.tip_bottom #tiptip_arrow_inner { border-bottom-color: rgba(45, 45, 45, 0.88) } #tiptip_holder.tip_top #tiptip_arrow_inner { border-top-color: rgba(20, 20, 20, 0.92) } } article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block } audio,canvas,video { display: inline-block; *display: inline; *zoom: 1 } audio:not ([controls]) { display: none } html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; overflow-y: scroll; height: 100% } a:focus { outline: 5px; outline-offset: -2px } a:hover, a:active { outline: 0 } sub, sup { position: relative; font-size: 75%; line-height: 0; vertical-align: baseline } sup { top: -0.5em } sub { bottom: -0.25em } img { max-width: 100%; width: auto\9; height: auto; vertical-align: middle; border: 0; -ms-interpolation-mode: bicubic; max-width: 300% } #map_canvas img, .google-maps img { max-width: none } button, input, select, textarea { margin: 0; font-size: 100%; vertical-align: middle } button,input { *overflow: visible; line-height: normal } button::-moz-focus-inner, input::-moz-focus-inner { padding: 0; border: 0 } button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; cursor: pointer } label, select, button, input[type="button"], input[type="reset"], input[type="submit"], input[type="radio"], input[type="checkbox"] { cursor: pointer } input[type="search"] { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; -webkit-appearance: textfield } input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none } textarea { overflow: auto; vertical-align: top; height: auto; resize: vertical; box-sizing: border-box; padding: 8px 4px } @media print { * { text-shadow: none !important; color: #000 !important; background: transparent !important; box-shadow: none !important } a, a:visited { text-decoration: underline } a[href]:after { content: " (" attr(href) ")" } abbr[title]:after { content: " (" attr(title) ")" } .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: "" } pre, blockquote { border: 1px solid #999; page-break-inside: avoid } thead { display: table-header-group } tr, img { page-break-inside: avoid } img { max-width: 100% !important } @page { margin: 0.5cm } p, h2, h3 { orphans: 3; widows: 3 } h2, h3 { page-break-after: avoid } } body { font: 13px/18px "Helvetica Neue", Helvetica, Arial, sans-serif; padding: 0; line-height: 18px; position: relative; margin: 0; background-color: #f4f6f9; color: #333 } a { color: #3476E3; text-decoration: none } a:hover, a:focus { color: #005580; text-decoration: underline } .img-rounded { -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px } .img-polaroid { padding: 4px; background-color: #fff; border: 1px solid rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1) } .img-circle { -webkit-border-radius: 500px; -moz-border-radius: 500px; border-radius: 500px } .row { margin-left: -20px; *zoom: 1 } .row:before, .row:after { display: table; content: ""; line-height: 0 } .row:after { clear: both } [class*="span"] { float: left; min-height: 1px; margin-left: 20px } .container, .navbar-static-top .container, .navbar-fixed-top .container, .navbar-fixed-bottom .container { width: 940px } .span1 { width: 60px } .span2 { width: 140px } .span3 { width: 220px } .span4 { width: 300px } .span5 { width: 380px } .span6 { width: 460px } .span7 { width: 540px } .span8 { width: 620px } .span9 { width: 700px } .span10 { width: 780px } .span11 { width: 860px } .span12 { width: 940px } .offset1 { margin-left: 100px } .offset2 { margin-left: 180px } .offset3 { margin-left: 260px } .offset4 { margin-left: 340px } .offset5 { margin-left: 420px } .offset6 { margin-left: 500px } .offset7 { margin-left: 580px } .offset8 { margin-left: 660px } .offset9 { margin-left: 740px } .offset10 { margin-left: 820px } .offset11 { margin-left: 900px } .offset12 { margin-left: 980px } .row-fluid { width: 100%; *zoom: 1 } .row-fluid:before, .row-fluid:after { display: table; content: ""; line-height: 0 } .row-fluid:after { clear: both } .row-fluid [class*="span"] { display: block; width: 100%; min-height: 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; float: left; margin-left: 2.12766%; *margin-left: 2.07447% } .row-fluid [class*="span"]:first-child { margin-left: 0 } .row-fluid .controls-row [class*="span"]+[class*="span"] { margin-left: 2.12766% } .row-fluid .span1 { width: 6.38298%; *width: 6.32979% } .row-fluid .span2 { width: 14.89362%; *width: 14.84043% } .row-fluid .span3 { width: 23.40426%; *width: 23.35106% } .row-fluid .span4 { width: 31.91489%; *width: 31.8617% } .row-fluid .span5 { width: 40.42553%; *width: 40.37234% } .row-fluid .span6 { width: 48.93617%; *width: 48.88298% } .row-fluid .span7 { width: 57.44681%; *width: 57.39362% } .row-fluid .span8 { width: 65.95745%; *width: 65.90426% } .row-fluid .span9 { width: 74.46809%; *width: 74.41489% } .row-fluid .span10 { width: 82.97872%; *width: 82.92553% } .row-fluid .span11 { width: 91.48936%; *width: 91.43617% } .row-fluid .span12 { width: 100%; *width: 99.94681% } .row-fluid .offset1 { margin-left: 10.6383%; *margin-left: 10.53191% } .row-fluid .offset1:first-child { margin-left: 8.51064%; *margin-left: 8.40426% } .row-fluid .offset2 { margin-left: 19.14894%; *margin-left: 19.04255% } .row-fluid .offset2:first-child { margin-left: 17.02128%; *margin-left: 16.91489% } .row-fluid .offset3 { margin-left: 27.65957%; *margin-left: 27.55319% } .row-fluid .offset3:first-child { margin-left: 25.53191%; *margin-left: 25.42553% } .row-fluid .offset4 { margin-left: 36.17021%; *margin-left: 36.06383% } .row-fluid .offset4:first-child { margin-left: 34.04255%; *margin-left: 33.93617% } .row-fluid .offset5 { margin-left: 44.68085%; *margin-left: 44.57447% } .row-fluid .offset5:first-child { margin-left: 42.55319%; *margin-left: 42.44681% } .row-fluid .offset6 { margin-left: 53.19149%; *margin-left: 53.08511% } .row-fluid .offset6:first-child { margin-left: 51.06383%; *margin-left: 50.95745% } .row-fluid .offset7 { margin-left: 61.70213%; *margin-left: 61.59574% } .row-fluid .offset7:first-child { margin-left: 59.57447%; *margin-left: 59.46809% } .row-fluid .offset8 { margin-left: 70.21277%; *margin-left: 70.10638% } .row-fluid .offset8:first-child { margin-left: 68.08511%; *margin-left: 67.97872% } .row-fluid .offset9 { margin-left: 78.7234%; *margin-left: 78.61702% } .row-fluid .offset9:first-child { margin-left: 76.59574%; *margin-left: 76.48936% } .row-fluid .offset10 { margin-left: 87.23404%; *margin-left: 87.12766% } .row-fluid .offset10:first-child { margin-left: 85.10638%; *margin-left: 85.0% } .row-fluid .offset11 { margin-left: 95.74468%; *margin-left: 95.6383% } .row-fluid .offset11:first-child { margin-left: 93.61702%; *margin-left: 93.51064% } .row-fluid .offset12 { margin-left: 104.25532%; *margin-left: 104.14894% } .row-fluid .offset12:first-child { margin-left: 102.12766%; *margin-left: 102.02128% } [class*="span"].hide, .row-fluid [class*="span"].hide { display: none } [class*="span"].pull-right, .row-fluid [class*="span"].pull-right { float: right } .container { margin-right: auto; margin-left: auto; *zoom: 1 } .container:before, .container:after { display: table; content: ""; line-height: 0 } .container:after { clear: both } .container-fluid { padding-right: 20px; padding-left: 20px; *zoom: 1 } .container-fluid:before, .container-fluid:after { display: table; content: ""; line-height: 0 } .container-fluid:after { clear: both } p { margin: 0 0 9px; font: 13px/18px "Helvetica Neue", Helvetica, Arial, sans-serif } .lead { margin-bottom: 20px; font-size: 21px; font-weight: 200; line-height: 30px } small { font-size: 85% } strong { font-weight: bold } em { font-style: italic } cite { font-style: normal } .muted { color: #999 } a.muted:hover, a.muted:focus { color: gray } .text-warning { color: #c09853 } a.text-warning:hover, a.text-warning:focus { color: #a47e3c } .text-error { color: #b94a48 } a.text-error:hover, a.text-error:focus { color: #953b39 } .text-info { color: #3a87ad } a.text-info:hover, a.text-info:focus { color: #2d6987 } .text-success { color: #468847 } a.text-success:hover, a.text-success:focus { color: #356635 } .text-left { text-align: left } .text-right { text-align: right } .text-center { text-align: center } h1, h2, h3, h4, h5, h6 { margin: 10px 0; font-family: inherit; font-weight: bold; line-height: 20px; color: inherit; text-rendering: optimizelegibility } h1 small, h2 small, h3 small, h4 small, h5 small, h6 small { font-weight: normal; line-height: 1; color: #999 } h1, h2, h3 { line-height: 40px } h1 { line-height: 36px; font-size: 18px; vertical-align: middle } h2 { font-size: 14px; font-weight: bolder; line-height: 26px } h3 { font-size: 1.2em } h4 { font-size: 17.5px } h5 { font-size: 14px } h6 { font-size: 11.9px } h1 small { font-size: 24.5px } h2 small { font-size: 17.5px } h3 small { font-size: 0.7em } h4 small { font-size: 14px } .page-header { padding-bottom: 9px; margin: 20px 0 30px; border-bottom: 1px solid #eee } ul, ol { padding: 0; margin: 0 0 10px 25px } ul ul, ul ol, ol ol, ol ul { margin-bottom: 0 } li { line-height: 20px } ul.unstyled, ol.unstyled { margin-left: 0; list-style: none } ul.inline, ol.inline { margin-left: 0; list-style: none } ul.inline>li,ol.inline>li { display: inline-block; *display: inline; *zoom: 1; padding-left: 5px; padding-right: 5px } dl { margin-bottom: 20px } dt, dd { line-height: 20px } dt { font-weight: bold } dd { margin-left: 10px } .dl-horizontal { *zoom: 1 } .dl-horizontal:before, .dl-horizontal:after { display: table; content: ""; line-height: 0 } .dl-horizontal:after { clear: both } .dl-horizontal dt { float: left; width: 160px; clear: left; text-align: right; overflow: hidden; text-overflow: ellipsis; white-space: nowrap } .dl-horizontal dd { margin-left: 180px } hr { margin: 20px 0; border: 0; border-top: 1px solid #eee; border-bottom: 1px solid #fff } abbr[title], abbr[data-original-title] { cursor: help; border-bottom: 1px dotted #999 } abbr.initialism { font-size: 90%; text-transform: uppercase } blockquote { padding: 0 0 0 15px; margin: 0 0 20px; border-left: 5px solid #eee } blockquote p { margin-bottom: 0; font-size: 17.5px; font-weight: 300; line-height: 1.25 } blockquote small { display: block; line-height: 20px; color: #999 } blockquote small:before { content: '\2014 \A0' } blockquote.pull-right { float: right; padding-right: 15px; padding-left: 0; border-right: 5px solid #eee; border-left: 0 } blockquote.pull-right p, blockquote.pull-right small { text-align: right } blockquote.pull-right small:before { content: '' } blockquote.pull-right small:after { content: '\A0 \2014' } q:before, q:after, blockquote:before, blockquote:after { content: "" } address { display: block; margin-bottom: 20px; font-style: normal; line-height: 20px } code, pre { padding: 0 3px 2px; font: 12px "Helvetica Neue", Helvetica, Arial, sans-serif; color: #333; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px } code { padding: 2px 4px; color: #d14; background-color: #f7f7f9; border: 1px solid #e1e1e8; white-space: nowrap } pre { display: block; margin: 0 0 10px; font-size: 13px; line-height: 20px; word-break: break-all; word-wrap: break-word; white-space: pre; white-space: pre-wrap; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px } pre.prettyprint { margin-bottom: 20px } pre code { padding: 0; color: inherit; white-space: pre; white-space: pre-wrap; background-color: transparent; border: 0 } .pre-scrollable { max-height: 340px; overflow-y: scroll } form { margin: 0 } fieldset { padding: 0; margin: 0; border: 0 } legend { display: block; width: 100%; padding: 0; margin-bottom: 20px; font-size: 21px; line-height: 40px; color: #333; border: 0; border-bottom: 1px solid #e5e5e5 } legend small { font-size: 15px; color: #999 } label, input, button, select, textarea { line-height: 20px; font-size: 13px; font-weight: normal; line-height: 18px } input, button, select, textarea { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif } label { display: block; margin-bottom: 5px; margin-bottom: 0; text-shadow: none } select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input { display: inline-block; height: 20px; line-height: 20px; color: #555; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; vertical-align: middle; height: 18px; padding: 4px; margin-bottom: 10px; font-size: 13px; line-height: 18px } input, textarea, .uneditable-input { width: 206px; margin-left: 0 } textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input { background-color: #fff; border: 1px solid #ccc; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -webkit-transition: border linear 0.2s, box-shadow linear 0.2s; -moz-transition: border linear 0.2s, box-shadow linear 0.2s; -o-transition: border linear 0.2s, box-shadow linear 0.2s; transition: border linear 0.2s, box-shadow linear 0.2s } textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, .uneditable-input:focus { border-color: rgba(82, 168, 236, 0.8); outline: thin dotted; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8pxr gba(82, 168, 236, 0.6); -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6) } input[type="radio"], input[type="checkbox"] { margin: 1px \9 0 0; *margin-top: 0; line-height: normal } input[type="file"], input[type="image"], input[type="submit"], input[type="reset"], input[type="button"], input[type="radio"], input[type="checkbox"] { width: auto } select, input[type="file"] { height: 30px; *margin-top: 4px; line-height: 30px } select { width: 220px; border: 1px solid #ccc; background-color: #fff; padding: 0; height: 28px } select[multiple], select[size] { height: auto } select:focus, input[type="file"]:focus, input[type="radio"]:focus, input[type="checkbox"]:focus { outline: 5px; outline-offset: -2px } .uneditable-input, .uneditable-textarea { color: #999; background-color: #fcfcfc; border-color: #ccc; -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025); -moz-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025); box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.025); cursor: not-allowed } .uneditable-input { overflow: hidden; white-space: nowrap } .uneditable-textarea { width: auto; height: auto } input:-moz-placeholder, textarea:-moz-placeholder { color: #999 } input:-ms-input-placeholder, textarea:-ms-input-placeholder { color: #999 } input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #999 } .radio, .checkbox { min-height: 20px; padding-left: 20px } .radio input[type="radio"], .checkbox input[type="checkbox"] { float: left; margin-left: -20px } .controls>.radio:first-child, .controls>.checkbox:first-child { padding-top: 5px } .radio.inline, .checkbox.inline { display: inline-block; padding-top: 5px; margin-bottom: 0; vertical-align: middle } .radio.inline+.radio.inline, .checkbox.inline+.checkbox.inline { margin-left: 10px } .input-mini { width: 60px } .input-small { width: 90px } .input-medium { width: 150px } .input-large { width: 210px } .input-xlarge { width: 270px } .input-xxlarge { width: 530px } input[class*="span"], select[class*="span"], textarea[class*="span"], .uneditable-input[class*="span"], .row-fluid input[class*="span"], .row-fluid select[class*="span"], .row-fluid textarea[class*="span"], .row-fluid .uneditable-input[class*="span"] { float: none; margin-left: 0 } .input-append input[class*="span"], .input-append .uneditable-input[class*="span"], .input-prepend input[class*="span"], .input-prepend .uneditable-input[class*="span"], .row-fluid input[class*="span"], .row-fluid select[class*="span"], .row-fluid textarea[class*="span"], .row-fluid .uneditable-input[class*="span"], .row-fluid .input-prepend [class*="span"], .row-fluid .input-append [class*="span"] { display: inline-block } .controls-row [class*="span"]+[class*="span"] { margin-left: 20px } input.span1, textarea.span1, .uneditable-input.span1 { width: 46px } input.span2, textarea.span2, .uneditable-input.span2 { width: 126px } input.span3, textarea.span3, .uneditable-input.span3 { width: 206px } input.span4, textarea.span4, .uneditable-input.span4 { width: 286px } input.span5, textarea.span5, .uneditable-input.span5 { width: 366px } input.span6, textarea.span6, .uneditable-input.span6 { width: 446px } input.span7, textarea.span7, .uneditable-input.span7 { width: 526px } input.span8, textarea.span8, .uneditable-input.span8 { width: 606px } input.span9, textarea.span9, .uneditable-input.span9 { width: 686px } input.span10, textarea.span10, .uneditable-input.span10 { width: 766px } input.span11, textarea.span11, .uneditable-input.span11 { width: 846px } input.span12, textarea.span12, .uneditable-input.span12 { width: 926px } .controls-row { *zoom: 1 } .controls-row:before, .controls-row:after { display: table; content: ""; line-height: 0 } .controls-row:after { clear: both } .controls-row [class*="span"], .row-fluid .controls-row [class*="span"] { float: left } .controls-row .checkbox[class*="span"], .controls-row .radio[class*="span"] { padding-top: 5px } input[disabled], select[disabled], textarea[disabled], input[readonly], select[readonly], textarea[readonly] { cursor: not-allowed; background-color: #eee } input[type="radio"][disabled], input[type="checkbox"][disabled], input[type="radio"][readonly], input[type="checkbox"][readonly] { background-color: transparent } .control-group.warning .control-label, .control-group.warning .help-block, .control-group.warning .help-inline { color: #c09853 } .control-group.warning .checkbox, .control-group.warning .radio, .control-group.warning input, .control-group.warning select, .control-group.warning textarea { color: #c09853 } .control-group.warning input, .control-group.warning select, .control-group.warning textarea { border-color: #c09853; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075) } .control-group.warning input:focus, .control-group.warning select:focus, .control-group.warning textarea:focus { border-color: #a47e3c; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #dbc59e; -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #dbc59e; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #dbc59e } .control-group.warning .input-prepend .add-on, .control-group.warning .input-append .add-on { color: #c09853; background-color: #fcf8e3; border-color: #c09853 } .control-group.error .control-label, .control-group.error .help-block, .control-group.error .help-inline { color: #b94a48 } .control-group.error .checkbox, .control-group.error .radio, .control-group.error input, .control-group.error select, .control-group.error textarea { color: #b94a48 } .control-group.error input, .control-group.error select, .control-group.error textarea { border-color: #b94a48; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075) } .control-group.error input:focus, .control-group.error select:focus, .control-group.error textarea:focus { border-color: #953b39; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392; -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #d59392 } .control-group.error .input-prepend .add-on, .control-group.error .input-append .add-on { color: #b94a48; background-color: #f2dede; border-color: #b94a48 } .control-group.success .control-label, .control-group.success .help-block, .control-group.success .help-inline { color: #468847 } .control-group.success .checkbox, .control-group.success .radio, .control-group.success input, .control-group.success select, .control-group.success textarea { color: #468847 } .control-group.success input, .control-group.success select, .control-group.success textarea { border-color: #468847; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075) } .control-group.success input:focus, .control-group.success select:focus, .control-group.success textarea:focus { border-color: #356635; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7aba7b; -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7aba7b; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7aba7b } .control-group.success .input-prepend .add-on, .control-group.success .input-append .add-on { color: #468847; background-color: #dff0d8; border-color: #468847 } .control-group.info .control-label, .control-group.info .help-block, .control-group.info .help-inline { color: #3a87ad } .control-group.info .checkbox, .control-group.info .radio, .control-group.info input, .control-group.info select, .control-group.info textarea { color: #3a87ad } .control-group.info input, .control-group.info select, .control-group.info textarea { border-color: #3a87ad; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075) } .control-group.info input:focus, .control-group.info select:focus, .control-group.info textarea:focus { border-color: #2d6987; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7ab5d3; -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7ab5d3; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 6px #7ab5d3 } .control-group.info .input-prepend .add-on, .control-group.info .input-append .add-on { color: #3a87ad; background-color: #d9edf7; border-color: #3a87ad } input:focus:invalid, textarea:focus:invalid, select:focus:invalid { color: #b94a48; border-color: #ee5f5b } input:focus:invalid:focus, textarea:focus:invalid:focus, select:focus:invalid:focus { border-color: #e9322d; -webkit-box-shadow: 0 0 6px #f8b9b7; -moz-box-shadow: 0 0 6px #f8b9b7; box-shadow: 0 0 6px #f8b9b7 } .form-actions { padding: 19px 20px 20px; margin-top: 20px; margin-bottom: 20px; background-color: #f5f5f5; border-top: 1px solid #e5e5e5; *zoom: 1 } .form-actions:before, .form-actions:after { display: table; content: ""; line-height: 0 } .form-actions:after { clear: both } .help-block, .help-inline { color: #595959 } .help-block { display: block; margin-bottom: 10px } .help-inline { display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; padding-left: 5px } .input-append, .input-prepend { display: inline-block; margin-bottom: 10px; vertical-align: middle; font-size: 0; white-space: nowrap } .input-append input, .input-append select, .input-append .uneditable-input, .input-append .dropdown-menu, .input-append .popover, .input-prepend input, .input-prepend select, .input-prepend .uneditable-input, .input-prepend .dropdown-menu, .input-prepend .popover { font-size: 14px } .input-append input, .input-append select, .input-append .uneditable-input, .input-prepend input, .input-prepend select, .input-prepend .uneditable-input { position: relative; margin-bottom: 0; *margin-left: 0; vertical-align: top; -webkit-border-radius: 0 4px 4px 0; -moz-border-radius: 0 4px 4px 0; border-radius: 0 4px 4px 0 } .input-append input:focus, .input-append select:focus, .input-append .uneditable-input:focus, .input-prepend input:focus, .input-prepend select:focus, .input-prepend .uneditable-input:focus { z-index: 2 } .input-append .add-on, .input-prepend .add-on { display: inline-block; width: auto; height: 20px; min-width: 16px; padding: 4px 5px; font-size: 14px; font-weight: normal; line-height: 20px; text-align: center; text-shadow: 0 1px 0 #fff; background-color: #eee; border: 1px solid #ccc } .input-append .add-on, .input-append .btn, .input-append .btn-group>.dropdown-toggle, .input-prepend .add-on, .input-prepend .btn, .input-prepend .btn-group>.dropdown-toggle { vertical-align: top; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0 } .input-append .active, .input-prepend .active { background-color: #a9dba9; border-color: #46a546 } .input-prepend .add-on, .input-prepend .btn { margin-right: -1px } .input-prepend .add-on:first-child, .input-prepend .btn:first-child { -webkit-border-radius: 4px 0 0 4px; -moz-border-radius: 4px 0 0 4px; border-radius: 4px 0 0 4px } .input-append input, .input-append select, .input-append .uneditable-input { -webkit-border-radius: 4px 0 0 4px; -moz-border-radius: 4px 0 0 4px; border-radius: 4px 0 0 4px } .input-append input+.btn-group .btn:last-child, .input-append select+.btn-group .btn:last-child, .input-append .uneditable-input+.btn-group .btn:last-child { -webkit-border-radius: 0 4px 4px 0; -moz-border-radius: 0 4px 4px 0; border-radius: 0 4px 4px 0 } .input-append .add-on, .input-append .btn, .input-append .btn-group { margin-left: -1px } .input-append .add-on:last-child, .input-append .btn:last-child, .input-append .btn-group:last-child>.dropdown-toggle { -webkit-border-radius: 0 4px 4px 0; -moz-border-radius: 0 4px 4px 0; border-radius: 0 4px 4px 0 } .input-prepend.input-append input, .input-prepend.input-append select, .input-prepend.input-append .uneditable-input { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0 } .input-prepend.input-append input+.btn-group .btn, .input-prepend.input-append select+.btn-group .btn, .input-prepend.input-append .uneditable-input+.btn-group .btn { -webkit-border-radius: 0 4px 4px 0; -moz-border-radius: 0 4px 4px 0; border-radius: 0 4px 4px 0 } .input-prepend.input-append .add-on:first-child, .input-prepend.input-append .btn:first-child { margin-right: -1px; -webkit-border-radius: 4px 0 0 4px; -moz-border-radius: 4px 0 0 4px; border-radius: 4px 0 0 4px } .input-prepend.input-append .add-on:last-child, .input-prepend.input-append .btn:last-child { margin-left: -1px; -webkit-border-radius: 0 4px 4px 0; -moz-border-radius: 0 4px 4px 0; border-radius: 0 4px 4px 0 } .input-prepend.input-append .btn-group:first-child { margin-left: 0 } input.search-query { padding-right: 14px; padding-right: 4px \9; padding-left: 14px; padding-left: 4px \9; margin-bottom: 0; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px } .form-search .input-append .search-query, .form-search .input-prepend .search-query { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0 } .form-search .input-append .search-query { -webkit-border-radius: 14px 0 0 14px; -moz-border-radius: 14px 0 0 14px; border-radius: 14px 0 0 14px } .form-search .input-append .btn { -webkit-border-radius: 0 14px 14px 0; -moz-border-radius: 0 14px 14px 0; border-radius: 0 14px 14px 0 } .form-search .input-prepend .search-query { -webkit-border-radius: 0 14px 14px 0; -moz-border-radius: 0 14px 14px 0; border-radius: 0 14px 14px 0 } .form-search .input-prepend .btn { -webkit-border-radius: 14px 0 0 14px; -moz-border-radius: 14px 0 0 14px; border-radius: 14px 0 0 14px } .form-search input, .form-search textarea, .form-search select, .form-search .help-inline, .form-search .uneditable-input, .form-search .input-prepend, .form-search .input-append, .form-inline input, .form-inline textarea, .form-inline select, .form-inline .help-inline, .form-inline .uneditable-input, .form-inline .input-prepend, .form-inline .input-append, .form-horizontal input, .form-horizontal textarea, .form-horizontal select, .form-horizontal .help-inline, .form-horizontal .uneditable-input, .form-horizontal .input-prepend, .form-horizontal .input-append { display: inline-block; *display: inline; *zoom: 1; margin-bottom: 0; vertical-align: middle } .form-search .hide, .form-inline .hide, .form-horizontal .hide { display: none } .form-search label, .form-inline label, .form-search .btn-group, .form-inline .btn-group { display: inline-block } .form-search .input-append, .form-inline .input-append, .form-search .input-prepend, .form-inline .input-prepend { margin-bottom: 0 } .form-search .radio, .form-search .checkbox, .form-inline .radio, .form-inline .checkbox { padding-left: 0; margin-bottom: 0; vertical-align: middle } .form-search .radio input[type="radio"], .form-search .checkbox input[type="checkbox"], .form-inline .radio input[type="radio"], .form-inline .checkbox input[type="checkbox"] { float: left; margin-right: 3px; margin-left: 0 } .control-group { margin-bottom: 10px } legend+.control-group { margin-top: 20px; -webkit-margin-top-collapse: separate } .form-horizontal .control-group { margin-bottom: 20px; *zoom: 1 } .form-horizontal .control-group:before, .form-horizontal .control-group:after { display: table; content: ""; line-height: 0 } .form-horizontal .control-group:after { clear: both } .form-horizontal .control-label { float: left; width: 160px; padding-top: 5px; text-align: right } .form-horizontal .controls { *display: inline-block; *padding-left: 20px; margin-left: 180px; *margin-left: 0 } .form-horizontal .controls:first-child { *padding-left: 180px } .form-horizontal .help-block { margin-bottom: 0 } .form-horizontal input+.help-block, .form-horizontal select+.help-block, .form-horizontal textarea+.help-block, .form-horizontal .uneditable-input+.help-block, .form-horizontal .input-prepend+.help-block, .form-horizontal .input-append+.help-block { margin-top: 10px } .form-horizontal .form-actions { padding-left: 180px } table { max-width: 100%; background-color: transparent; border-collapse: collapse; border-spacing: 0 } .table { width: 100%; margin-bottom: 20px; margin-bottom: 0 } .table th, .table td { padding: 8px; line-height: 20px; text-align: left; vertical-align: top; border-top: 1px solid #ddd; line-height: 18px } .table th { font-weight: bold; background-color: #F0F0F0 } .table thead th { vertical-align: bottom } .table caption+thead tr:first-child th, .table caption+thead tr:first-child td, .table colgroup+thead tr:first-child th, .table colgroup+thead tr:first-child td, .table thead:first-child tr:first-child th, .table thead:first-child tr:first-child td { border-top: 0 } .table tbody+tbody { border-top: 2px solid #ddd } .table .table { background-color: #fff } .table-condensed th, .table-condensed td { padding: 4px 5px } .table-bordered { border: 1px solid #ddd; border-collapse: separate; *border-collapse: collapse; border-left: 0; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px } .table-bordered th, .table-bordered td { border-left: 1px solid #ddd } .table-bordered caption+thead tr:first-child th, .table-bordered caption+tbody tr:first-child th, .table-bordered caption+tbody tr:first-child td, .table-bordered colgroup+thead tr:first-child th, .table-bordered colgroup+tbody tr:first-child th, .table-bordered colgroup+tbody tr:first-child td, .table-bordered thead:first-child tr:first-child th, .table-bordered tbody:first-child tr:first-child th, .table-bordered tbody:first-child tr:first-child td { border-top: 0 } .table-bordered thead:first-child tr:first-child>th:first-child, .table-bordered tbody:first-child tr:first-child>td:first-child, .table-bordered tbody:first-child tr:first-child>th:first-child { -webkit-border-top-left-radius: 4px; -moz-border-radius-topleft: 4px; border-top-left-radius: 4px } .table-bordered thead:first-child tr:first-child>th:last-child, .table-bordered tbody:first-child tr:first-child>td:last-child, .table-bordered tbody:first-child tr:first-child>th:last-child { -webkit-border-top-right-radius: 4px; -moz-border-radius-topright: 4px; border-top-right-radius: 4px } .table-bordered thead:last-child tr:last-child>th:first-child, .table-bordered tbody:last-child tr:last-child>td:first-child, .table-bordered tbody:last-child tr:last-child>th:first-child, .table-bordered tfoot:last-child tr:last-child>td:first-child, .table-bordered tfoot:last-child tr:last-child>th:first-child { -webkit-border-bottom-left-radius: 4px; -moz-border-radius-bottomleft: 4px; border-bottom-left-radius: 4px } .table-bordered thead:last-child tr:last-child>th:last-child, .table-bordered tbody:last-child tr:last-child>td:last-child, .table-bordered tbody:last-child tr:last-child>th:last-child, .table-bordered tfoot:last-child tr:last-child>td:last-child, .table-bordered tfoot:last-child tr:last-child>th:last-child { -webkit-border-bottom-right-radius: 4px; -moz-border-radius-bottomright: 4px; border-bottom-right-radius: 4px } .table-bordered tfoot+tbody:last-child tr:last-child td:first-child { -webkit-border-bottom-left-radius: 0; -moz-border-radius-bottomleft: 0; border-bottom-left-radius: 0 } .table-bordered tfoot+tbody:last-child tr:last-child td:last-child { -webkit-border-bottom-right-radius: 0; -moz-border-radius-bottomright: 0; border-bottom-right-radius: 0 } .table-bordered caption+thead tr:first-child th:first-child, .table-bordered caption+tbody tr:first-child td:first-child, .table-bordered colgroup+thead tr:first-child th:first-child, .table-bordered colgroup+tbody tr:first-child td:first-child { -webkit-border-top-left-radius: 4px; -moz-border-radius-topleft: 4px; border-top-left-radius: 4px } .table-bordered caption+thead tr:first-child th:last-child, .table-bordered caption+tbody tr:first-child td:last-child, .table-bordered colgroup+thead tr:first-child th:last-child, .table-bordered colgroup+tbody tr:first-child td:last-child { -webkit-border-top-right-radius: 4px; -moz-border-radius-topright: 4px; border-top-right-radius: 4px } .table-striped tbody>tr:nth-child(odd)>td, .table-striped tbody>tr:nth-child(odd)>th { background-color: #f9f9f9 } .table-hover tbody tr:hover>td, .table-hover tbody tr:hover>th { background-color: #f5f5f5 } table td[class*="span"], table th[class*="span"], .row-fluid table td[class*="span"], .row-fluid table th[class*="span"] { display: table-cell; float: none; margin-left: 0 } .table td.span1, .table th.span1 { float: none; width: 44px; margin-left: 0 } .table td.span2, .table th.span2 { float: none; width: 124px; margin-left: 0 } .table td.span3, .table th.span3 { float: none; width: 204px; margin-left: 0 } .table td.span4, .table th.span4 { float: none; width: 284px; margin-left: 0 } .table td.span5, .table th.span5 { float: none; width: 364px; margin-left: 0 } .table td.span6, .table th.span6 { float: none; width: 444px; margin-left: 0 } .table td.span7, .table th.span7 { float: none; width: 524px; margin-left: 0 } .table td.span8, .table th.span8 { float: none; width: 604px; margin-left: 0 } .table td.span9, .table th.span9 { float: none; width: 684px; margin-left: 0 } .table td.span10, .table th.span10 { float: none; width: 764px; margin-left: 0 } .table td.span11, .table th.span11 { float: none; width: 844px; margin-left: 0 } .table td.span12, .table th.span12 { float: none; width: 924px; margin-left: 0 } .table tbody tr.success>td { background-color: #dff0d8 } .table tbody tr.error>td { background-color: #f2dede } .table tbody tr.warning>td { background-color: #fcf8e3 } .table tbody tr.info>td { background-color: #d9edf7 } .table-hover tbody tr.success:hover>td { background-color: #d0e9c6 } .table-hover tbody tr.error:hover>td { background-color: #ebcccc } .table-hover tbody tr.warning:hover>td { background-color: #faf2cc } .table-hover tbody tr.info:hover>td { background-color: #c4e3f3 } [class^="icon-"], [class*=" icon-"] { display: inline-block; width: 14px; height: 14px; line-height: 14px; vertical-align: text-top; background: url("../images/jquery-ui/glyphicons-halflings.png") no-repeat 14px 14px; margin-top: 1px; font-family: FontAwesome; font-weight: normal; font-style: normal; text-decoration: inherit; -webkit-font-smoothing: antialiased; *margin-right: .3em; display: inline; width: auto; height: auto; line-height: normal; vertical-align: baseline; background-image: none; background-position: 0% 0%; background-repeat: repeat; margin-top: 0 } .icon-white, .nav-pills>.active>a>[class^="icon-"], .nav-pills>.active>a>[class*=" icon-"], .nav-list>.active>a>[class^="icon-"], .nav-list>.active>a>[class*=" icon-"], .navbar-inverse .nav>.active>a>[class^="icon-"], .navbar-inverse .nav>.active>a>[class*=" icon-"], .dropdown-menu>li>a:hover>[class^="icon-"], .dropdown-menu>li>a:focus>[class^="icon-"], .dropdown-menu>li>a:hover>[class*=" icon-"], .dropdown-menu>li>a:focus>[class*=" icon-"], .dropdown-menu>.active>a>[class^="icon-"], .dropdown-menu>.active>a>[class*=" icon-"], .dropdown-submenu:hover>a>[class^="icon-"], .dropdown-submenu:focus>a>[class^="icon-"], .dropdown-submenu:hover>a>[class*=" icon-"], .dropdown-submenu:focus>a>[class*=" icon-"] { background-image: url("../images/jquery-ui/glyphicons-halflings-white.png") } .icon-glass { background-position: 0 0 } .icon-music { background-position: -24px 0 } .icon-search { background-position: -48px 0 } .icon-envelope { background-position: -72px 0 } .icon-heart { background-position: -96px 0 } .icon-star { background-position: -120px 0 } .icon-star-empty { background-position: -144px 0 } .icon-user { background-position: -168px 0 } .icon-film { background-position: -192px 0 } .icon-th-large { background-position: -216px 0 } .icon-th { background-position: -240px 0 } .icon-th-list { background-position: -264px 0 } .icon-ok { background-position: -288px 0 } .icon-remove { background-position: -312px 0 } .icon-zoom-in { background-position: -336px 0 } .icon-zoom-out { background-position: -360px 0 } .icon-off { background-position: -384px 0 } .icon-signal { background-position: -408px 0 } .icon-cog { background-position: -432px 0 } .icon-trash { background-position: -456px 0 } .icon-home { background-position: 0 -24px } .icon-file { background-position: -24px -24px } .icon-time { background-position: -48px -24px } .icon-starting { background-position: -48px -24px } .icon-road { background-position: -72px -24px } .icon-download-alt { background-position: -96px -24px } .icon-download { background-position: -120px -24px } .icon-upload { background-position: -144px -24px } .icon-inbox { background-position: -168px -24px } .icon-play-circle { background-position: -192px -24px } .icon-repeat { background-position: -216px -24px } .icon-refresh { background-position: -240px -24px } .icon-list-alt { background-position: -264px -24px } .icon-lock { background-position: -287px -24px } .icon-flag { background-position: -312px -24px } .icon-headphones { background-position: -336px -24px } .icon-volume-off { background-position: -360px -24px } .icon-volume-down { background-position: -384px -24px } .icon-volume-up { background-position: -408px -24px } .icon-qrcode { background-position: -432px -24px } .icon-barcode { background-position: -456px -24px } .icon-tag { background-position: 0 -48px } .icon-tags { background-position: -25px -48px } .icon-book { background-position: -48px -48px } .icon-bookmark { background-position: -72px -48px } .icon-print { background-position: -96px -48px } .icon-camera { background-position: -120px -48px } .icon-font { background-position: -144px -48px } .icon-bold { background-position: -167px -48px } .icon-italic { background-position: -192px -48px } .icon-text-height { background-position: -216px -48px } .icon-text-width { background-position: -240px -48px } .icon-align-left { background-position: -264px -48px } .icon-align-center { background-position: -288px -48px } .icon-align-right { background-position: -312px -48px } .icon-align-justify { background-position: -336px -48px } .icon-list { background-position: -360px -48px } .icon-indent-left { background-position: -384px -48px } .icon-indent-right { background-position: -408px -48px } .icon-facetime-video { background-position: -432px -48px } .icon-picture { background-position: -456px -48px } .icon-pencil { background-position: 0 -72px } .icon-map-marker { background-position: -24px -72px } .icon-adjust { background-position: -48px -72px } .icon-tint { background-position: -72px -72px } .icon-edit { background-position: -96px -72px } .icon-share { background-position: -120px -72px } .icon-check { background-position: -144px -72px } .icon-move { background-position: -168px -72px } .icon-step-backward { background-position: -192px -72px } .icon-fast-backward { background-position: -216px -72px } .icon-backward { background-position: -240px -72px } .icon-play { background-position: -264px -72px } .icon-pause { background-position: -288px -72px } .icon-stop { background-position: -312px -72px } .icon-forward { background-position: -336px -72px } .icon-fast-forward { background-position: -360px -72px } .icon-step-forward { background-position: -384px -72px } .icon-eject { background-position: -408px -72px } .icon-chevron-left { background-position: -432px -72px } .icon-chevron-right { background-position: -456px -72px } .icon-plus-sign { background-position: 0 -96px } .icon-minus-sign { background-position: -24px -96px } .icon-remove-sign { background-position: -48px -96px } .icon-not-start { background-position: -48px -96px } .icon-ok-sign { background-position: -72px -96px } .icon-question-sign { background-position: -96px -96px } .icon-info-sign { background-position: -120px -96px } .icon-screenshot { background-position: -144px -96px } .icon-remove-circle { background-position: -168px -96px } .icon-ok-circle { background-position: -192px -96px } .icon-ban-circle { background-position: -216px -96px } .icon-arrow-left { background-position: -240px -96px } .icon-arrow-right { background-position: -264px -96px } .icon-arrow-up { background-position: -289px -96px } .icon-arrow-down { background-position: -312px -96px } .icon-share-alt { background-position: -336px -96px } .icon-resize-full { background-position: -360px -96px } .icon-resize-small { background-position: -384px -96px } .icon-plus { background-position: -408px -96px } .icon-minus { background-position: -433px -96px } .icon-asterisk { background-position: -456px -96px } .icon-exclamation-sign { background-position: 0 -120px } .icon-gift { background-position: -24px -120px } .icon-leaf { background-position: -48px -120px } .icon-fire { background-position: -72px -120px } .icon-eye-open { background-position: -96px -120px } .icon-eye-close { background-position: -120px -120px } .icon-warning-sign { background-position: -144px -120px } .icon-plane { background-position: -168px -120px } .icon-calendar { background-position: -192px -120px } .icon-random { background-position: -216px -120px; width: 16px } .icon-comment { background-position: -240px -120px } .icon-magnet { background-position: -264px -120px } .icon-chevron-up { background-position: -288px -120px } .icon-chevron-down { background-position: -313px -119px } .icon-retweet { background-position: -336px -120px } .icon-shopping-cart { background-position: -360px -120px } .icon-folder-close { background-position: -384px -120px; width: 16px } .icon-folder-open { background-position: -408px -120px; width: 16px } .icon-resize-vertical { background-position: -432px -119px } .icon-resize-horizontal { background-position: -456px -118px } .icon-hdd { background-position: 0 -144px } .icon-bullhorn { background-position: -24px -144px } .icon-bell { background-position: -48px -144px } .icon-certificate { background-position: -72px -144px } .icon-thumbs-up { background-position: -96px -144px } .icon-thumbs-down { background-position: -120px -144px } .icon-hand-right { background-position: -144px -144px } .icon-hand-left { background-position: -168px -144px } .icon-hand-up { background-position: -192px -144px } .icon-hand-down { background-position: -216px -144px } .icon-circle-arrow-right { background-position: -240px -144px } .icon-circle-arrow-left { background-position: -264px -144px } .icon-circle-arrow-up { background-position: -288px -144px } .icon-circle-arrow-down { background-position: -312px -144px } .icon-globe { background-position: -336px -144px } .icon-wrench { background-position: -360px -144px } .icon-tasks { background-position: -384px -144px } .icon-filter { background-position: -408px -144px } .icon-briefcase { background-position: -432px -144px } .icon-fullscreen { background-position: -456px -144px } .well { min-height: 20px; padding: 19px; margin-bottom: 20px; background-color: #f5f5f5; border: 1px solid #e3e3e3; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05) } .well blockquote { border-color: rgba(0, 0, 0, 0.15) } .well-large { padding: 24px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px } .well-small { padding: 9px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px } .close { float: right; font-size: 20px; font-weight: bold; line-height: 20px; color: #000; text-shadow: 0 1px 0 #fff; opacity: 0.2; filter: alpha(opacity=20) } .close:hover, .close:focus { color: #000; text-decoration: none; cursor: pointer; opacity: 0.4; filter: alpha(opacity=40) } button.close { padding: 0; cursor: pointer; background: transparent; border: 0; -webkit-appearance: none } /*.btn {*/ /* display: inline-block;*/ /* *display: inline;*/ /* *zoom: 1;*/ /* padding: 4px 12px;*/ /* margin-bottom: 0;*/ /* font-size: 14px;*/ /* line-height: 20px;*/ /* text-align: center;*/ /* vertical-align: middle;*/ /* cursor: pointer;*/ /* color: #333;*/ /* text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);*/ /* background-color: whitesmoke;*/ /* background-image: -moz-linear-gradient(top, #fff, #e6e6e6);*/ /* background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fff),*/ /* to(#e6e6e6));*/ /* background-image: -webkit-linear-gradient(top, #fff, #e6e6e6);*/ /* background-image: -o-linear-gradient(top, #fff, #e6e6e6);*/ /* background-image: linear-gradient(to bottom, #fff, #e6e6e6);*/ /* background-repeat: repeat-x;*/ /* filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF',*/ /* endColorstr='#FFE6E6E6', GradientType=0);*/ /* border-color: #e6e6e6 #e6e6e6 #bfbfbf;*/ /* border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);*/ /* *background-color: #e6e6e6;*/ /* filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);*/ /* border: 1px solid #ccc;*/ /* *border: 0;*/ /* border-bottom-color: #b3b3b3;*/ /* -webkit-border-radius: 4px;*/ /* -moz-border-radius: 4px;*/ /* border-radius: 4px;*/ /* *margin-left: .3em;*/ /* -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px*/ /* rgba(0, 0, 0, 0.05);*/ /* -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px*/ /* rgba(0, 0, 0, 0.05);*/ /* box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px*/ /* rgba(0, 0, 0, 0.05)*/ /*}*/ .btn:hover, .btn:focus, .btn:active, .btn.active, .btn.disabled, .btn[disabled] { color: #333; background-color: #e6e6e6; *background-color: #d9d9d9 } .btn:active, .btn.active { background-color: #ccc \9 } .btn:first-child { *margin-left: 0 } .btn:hover, .btn:focus { color: #333; text-decoration: none; background-position: 0 -15px; -webkit-transition: background-position 0.1s linear; -moz-transition: background-position 0.1s linear; -o-transition: background-position 0.1s linear; transition: background-position 0.1s linear } .btn:focus { outline-offset: -2px; border-color: rgba(82, 168, 236, 0.8); box-shadow: 0px 0px 8px #52a8ec; outline: 0px none } .btn.active, .btn:active { background-image: none; outline: 0; -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05) } .btn.disabled, .btn[disabled] { cursor: default; background-image: none; opacity: 0.65; filter: alpha(opacity=65); -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none } .btn-large { padding: 11px 19px; font-size: 17.5px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px } .btn-large [class^="icon-"], .btn-large [class*=" icon-"] { margin-top: 4px } .btn-small { padding: 2px 10px; font-size: 11.9px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px } .btn-small [class^="icon-"], .btn-small [class*=" icon-"] { margin-top: 0 } .btn-mini [class^="icon-"], .btn-mini [class*=" icon-"] { margin-top: -1px } .btn-mini { padding: 0px 6px; font-size: 10.5px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px } .btn-block { display: block; width: 100%; padding-left: 0; padding-right: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box } .btn-block+.btn-block { margin-top: 5px } input[type="submit"].btn-block, input[type="reset"].btn-block, input[type="button"].btn-block { width: 100% } .btn-primary.active, .btn-warning.active, .btn-danger.active, .btn-success.active, .btn-info.active, .btn-inverse.active { color: rgba(255, 255, 255, 0.75) } /*.btn-primary {*/ /* color: #fff;*/ /* text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);*/ /* background-color: #006dcc;*/ /* background-image: -moz-linear-gradient(top, #08c, #04c);*/ /* background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#08c), to(#04c));*/ /* background-image: -webkit-linear-gradient(top, #08c, #04c);*/ /* background-image: -o-linear-gradient(top, #08c, #04c);*/ /* background-image: linear-gradient(to bottom, #08c, #04c);*/ /* background-repeat: repeat-x;*/ /* filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF0088CC', endColorstr='#FF0044CC', GradientType=0);*/ /* border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);*/ /* *background-color: #04c;*/ /* filter: progid:DXImageTransform.Microsoft.gradient(enabled=false)*/ /*}*/ .btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .btn-primary.disabled, .btn-primary[disabled] { color: #fff; background-color: #04c; *background-color: #003cb3 } .btn-primary:active, .btn-primary.active { background-color: #039 \9 } .btn-warning { color: #fff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #faa732; background-image: -moz-linear-gradient(top, #fbb450, #f89406); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#fbb450), to(#f89406)); background-image: -webkit-linear-gradient(top, #fbb450, #f89406); background-image: -o-linear-gradient(top, #fbb450, #f89406); background-image: linear-gradient(to bottom, #fbb450, #f89406); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFBB450', endColorstr='#FFF89406', GradientType=0); border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); *background-color: #f89406; filter: progid:DXImageTransform.Microsoft.gradient(enabled=false) } .btn-warning:hover, .btn-warning:focus, .btn-warning:active, .btn-warning.active, .btn-warning.disabled, .btn-warning[disabled] { color: #fff; background-color: #f89406; *background-color: #df8505 } .btn-warning:active, .btn-warning.active { background-color: #c67605 \9 } .btn-danger { color: #fff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #da4f49; background-image: -moz-linear-gradient(top, #ee5f5b, #bd362f); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#bd362f)); background-image: -webkit-linear-gradient(top, #ee5f5b, #bd362f); background-image: -o-linear-gradient(top, #ee5f5b, #bd362f); background-image: linear-gradient(to bottom, #ee5f5b, #bd362f); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEE5F5B', endColorstr='#FFBD362F', GradientType=0); border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); *background-color: #bd362f; filter: progid:DXImageTransform.Microsoft.gradient(enabled=false) } .btn-danger:hover, .btn-danger:focus, .btn-danger:active, .btn-danger.active, .btn-danger.disabled, .btn-danger[disabled] { color: #fff; background-color: #bd362f; *background-color: #a9302a } .btn-danger:active, .btn-danger.active { background-color: #942a25 \9 } .btn-success { color: #fff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #5bb75b; background-image: -moz-linear-gradient(top, #62c462, #51a351); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#51a351)); background-image: -webkit-linear-gradient(top, #62c462, #51a351); background-image: -o-linear-gradient(top, #62c462, #51a351); background-image: linear-gradient(to bottom, #62c462, #51a351); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF62C462', endColorstr='#FF51A351', GradientType=0); border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); *background-color: #51a351; filter: progid:DXImageTransform.Microsoft.gradient(enabled=false) } .btn-success:hover, .btn-success:focus, .btn-success:active, .btn-success.active, .btn-success.disabled, .btn-success[disabled] { color: #fff; background-color: #51a351; *background-color: #499249 } .btn-success:active, .btn-success.active { background-color: #408140 \9 } .btn-info { color: #fff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #49afcd; background-image: -moz-linear-gradient(top, #5bc0de, #2f96b4); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#5bc0de), to(#2f96b4)); background-image: -webkit-linear-gradient(top, #5bc0de, #2f96b4); background-image: -o-linear-gradient(top, #5bc0de, #2f96b4); background-image: linear-gradient(to bottom, #5bc0de, #2f96b4); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF5BC0DE', endColorstr='#FF2F96B4', GradientType=0); border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); *background-color: #2f96b4; filter: progid:DXImageTransform.Microsoft.gradient(enabled=false) } .btn-info:hover, .btn-info:focus, .btn-info:active, .btn-info.active, .btn-info.disabled, .btn-info[disabled] { color: #fff; background-color: #2f96b4; *background-color: #2a85a0 } .btn-info:active, .btn-info.active { background-color: #24748c \9 } .btn-inverse { color: #fff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #363636; background-image: -moz-linear-gradient(top, #444, #222); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#444), to(#222)); background-image: -webkit-linear-gradient(top, #444, #222); background-image: -o-linear-gradient(top, #444, #222); background-image: linear-gradient(to bottom, #444, #222); background-repeat: repeat-x; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FF444444', endColorstr='#FF222222', GradientType=0); border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); *background-color: #222; filter: progid:DXImageTransform.Microsoft.gradient(enabled=false) } .btn-inverse:hover, .btn-inverse:focus, .btn-inverse:active, .btn-inverse.active, .btn-inverse.disabled, .btn-inverse[disabled] { color: #fff; background-color: #222; *background-color: #151515 } .btn-inverse:active, .btn-inverse.active { background-color: #090909 \9 } button.btn, input[type="submit"].btn { *padding-top: 3px; *padding-bottom: 3px } button.btn::-moz-focus-inner, input[type="submit"].btn::-moz-focus-inner { padding: 0; border: 0 } button.btn.btn-large, input[type="submit"].btn.btn-large { *padding-top: 7px; *padding-bottom: 7px } button.btn.btn-small, input[type="submit"].btn.btn-small { *padding-top: 3px; *padding-bottom: 3px } button.btn.btn-mini, input[type="submit"].btn.btn-mini { *padding-top: 1px; *padding-bottom: 1px } .btn-link, .btn-link:active, .btn-link[disabled] { background: transparent none; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none } .btn-link { border-color: transparent; cursor: pointer; color: #08c; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0 } .btn-link:hover, .btn-link:focus { color: #005580; text-decoration: underline; background-color: transparent } .btn-link[disabled]:hover, .btn-link[disabled]:focus { color: #333; text-decoration: none } .btn-group { position: relative; display: inline-block; *display: inline; *zoom: 1; font-size: 0; vertical-align: middle; white-space: nowrap; *margin-left: .3em } .btn-group:first-child { *margin-left: 0 } .btn-group+.btn-group { margin-left: 5px } .btn-toolbar { font-size: 0; margin-top: 10px; margin-bottom: 10px } .btn-toolbar>.btn+.btn, .btn-toolbar>.btn-group+.btn, .btn-toolbar>.btn+.btn-group { margin-left: 5px } .btn-group>.btn { position: relative; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0 } .btn-group>.btn+.btn { margin-left: -1px } .btn-group>.btn, .btn-group>.dropdown-menu, .btn-group>.popover { font-size: 14px } .btn-group>.btn-mini { font-size: 10.5px } .btn-group>.btn-small { font-size: 11.9px } .btn-group>.btn-large { font-size: 17.5px } .btn-group>.btn:first-child { margin-left: 0; -webkit-border-top-left-radius: 4px; -moz-border-radius-topleft: 4px; border-top-left-radius: 4px; -webkit-border-bottom-left-radius: 4px; -moz-border-radius-bottomleft: 4px; border-bottom-left-radius: 4px } .btn-group>.btn:last-child, .btn-group>.dropdown-toggle { -webkit-border-top-right-radius: 4px; -moz-border-radius-topright: 4px; border-top-right-radius: 4px; -webkit-border-bottom-right-radius: 4px; -moz-border-radius-bottomright: 4px; border-bottom-right-radius: 4px } .btn-group>.btn.large:first-child { margin-left: 0; -webkit-border-top-left-radius: 6px; -moz-border-radius-topleft: 6px; border-top-left-radius: 6px; -webkit-border-bottom-left-radius: 6px; -moz-border-radius-bottomleft: 6px; border-bottom-left-radius: 6px } .btn-group>.btn.large:last-child, .btn-group>.large.dropdown-toggle { -webkit-border-top-right-radius: 6px; -moz-border-radius-topright: 6px; border-top-right-radius: 6px; -webkit-border-bottom-right-radius: 6px; -moz-border-radius-bottomright: 6px; border-bottom-right-radius: 6px } .btn-group>.btn:hover, .btn-group>.btn:focus, .btn-group>.btn:active, .btn-group>.btn.active { z-index: 2 } .btn-group .dropdown-toggle:active, .btn-group.open .dropdown-toggle { outline: 0 } .btn-group>.btn+.dropdown-toggle { padding-left: 8px; padding-right: 8px; -webkit-box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.125), inset 01px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.125), inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: inset 1px 0 0 rgba(255, 255, 255, 0.125), inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); *padding-top: 5px; *padding-bottom: 5px } .btn-group>.btn-mini+.dropdown-toggle { padding-left: 5px; padding-right: 5px; *padding-top: 2px; *padding-bottom: 2px } .btn-group>.btn-small+.dropdown-toggle { *padding-top: 5px; *padding-bottom: 4px } .btn-group>.btn-large+.dropdown-toggle { padding-left: 12px; padding-right: 12px; *padding-top: 7px; *padding-bottom: 7px } .btn-group.open .dropdown-toggle { background-image: none; -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05) } .btn-group.open .btn.dropdown-toggle { background-color: #e6e6e6 } .btn-group.open .btn-primary.dropdown-toggle { background-color: #04c } .btn-group.open .btn-warning.dropdown-toggle { background-color: #f89406 } .btn-group.open .btn-danger.dropdown-toggle { background-color: #bd362f } .btn-group.open .btn-success.dropdown-toggle { background-color: #51a351 } .btn-group.open .btn-info.dropdown-toggle { background-color: #2f96b4 } .btn-group.open .btn-inverse.dropdown-toggle { background-color: #222 } .btn .caret { margin-top: 8px; margin-left: 0 } .btn-large .caret { margin-top: 6px; border-left-width: 5px; border-right-width: 5px; border-top-width: 5px } .btn-mini .caret, .btn-small .caret { margin-top: 8px } .dropup .btn-large .caret { border-bottom-width: 5px } .btn-primary .caret, .btn-warning .caret, .btn-danger .caret, .btn-info .caret, .btn-success .caret, .btn-inverse .caret { border-top-color: #fff; border-bottom-color: #fff } .btn-group-vertical { display: inline-block; *display: inline; *zoom: 1 } .btn-group-vertical>.btn { display: block; float: none; max-width: 100%; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0 } .btn-group-vertical>.btn+.btn { margin-left: 0; margin-top: -1px } .btn-group-vertical>.btn:first-child { -webkit-border-radius: 4px 4px 0 0; -moz-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0 } .btn-group-vertical>.btn:last-child { -webkit-border-radius: 0 0 4px 4px; -moz-border-radius: 0 0 4px 4px; border-radius: 0 0 4px 4px } .btn-group-vertical>.btn-large:first-child { -webkit-border-radius: 6px 6px 0 0; -moz-border-radius: 6px 6px 0 0; border-radius: 6px 6px 0 0 } .btn-group-vertical>.btn-large:last-child { -webkit-border-radius: 0 0 6px 6px; -moz-border-radius: 0 0 6px 6px; border-radius: 0 0 6px 6px } .alert { padding: 8px 35px 8px 14px; margin-bottom: 20px; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); background-color: #fcf8e3; border: 1px solid #fbeed5; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px } .alert, .alert h4 { color: #c09853 } .alert h4 { margin: 0 } .alert .close { position: relative; top: -2px; right: -21px; line-height: 20px } .alert-success { background-color: #dff0d8; border-color: #d6e9c6; color: #468847 } .alert-success h4 { color: #468847 } .alert-danger, .alert-error { background-color: #f2dede; border-color: #eed3d7; color: #b94a48 } .alert-danger h4, .alert-error h4 { color: #b94a48 } .alert-info { background-color: #d9edf7; border-color: #bce8f1; color: #3a87ad } .alert-info h4 { color: #3a87ad } .alert-block { padding-top: 14px; padding-bottom: 14px } .alert-block>p, .alert-block>ul { margin-bottom: 0 } .alert-block p+p { margin-top: 5px } .nav { margin-left: 0; margin-bottom: 20px; list-style: none } .nav>li>a { display: block } .nav>li>a:hover, .nav>li>a:focus { text-decoration: none; background-color: #eee } .nav>li>a>img { max-width: none } .nav>.pull-right { float: right } .nav-header { display: block; padding: 3px 15px; font-size: 11px; font-weight: bold; line-height: 20px; color: #999; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); text-transform: uppercase } .nav li+.nav-header { margin-top: 9px } .nav-list { padding-left: 15px; padding-right: 15px; margin-bottom: 0 } .nav-list>li>a, .nav-list .nav-header { margin-left: -15px; margin-right: -15px; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) } .nav-list>li>a { padding: 3px 15px } .nav-list>.active>a, .nav-list>.active>a:hover, .nav-list>.active>a:focus { color: #fff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2); background-color: #08c } .nav-list [class^="icon-"], .nav-list [class*=" icon-"] { margin-right: 2px; line-height: inherit } .nav-list .divider { *width: 100%; height: 1px; margin: 9px 1px; *margin: -5px 0 5px; overflow: hidden; background-color: #e5e5e5; border-bottom: 1px solid #fff } .nav-tabs, .nav-pills { *zoom: 1 } .nav-tabs:before, .nav-tabs:after, .nav-pills:before, .nav-pills:after { display: table; content: ""; line-height: 0 } .nav-tabs:after, .nav-pills:after { clear: both } .nav-tabs>li, .nav-pills>li { float: left } .nav-tabs>li>a, .nav-pills>li>a { padding-right: 12px; padding-left: 12px; margin-right: 2px; line-height: 14px } .nav-tabs { border-bottom: 1px solid #ddd } .nav-tabs>li { margin-bottom: -1px } .nav-tabs>li>a { padding-top: 8px; padding-bottom: 8px; line-height: 20px; border: 1px solid transparent; -webkit-border-radius: 4px 4px 0 0; -moz-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0 } .nav-tabs>li>a:hover, .nav-tabs>li>a:focus { border-color: #eee #eee #ddd } .nav-tabs>.active>a, .nav-tabs>.active>a:hover, .nav-tabs>.active>a:focus { color: #555; background-color: #fff; border: 1px solid #ddd; border-bottom-color: transparent; cursor: default } .nav-pills>li>a { padding-top: 8px; padding-bottom: 8px; margin-top: 2px; margin-bottom: 2px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px } .nav-pills>.active>a, .nav-pills>.active>a:hover, .nav-pills>.active>a:focus { color: #fff; background-color: #08c } .nav-stacked>li { float: none } .nav-stacked>li>a { margin-right: 0 } .nav-tabs.nav-stacked { border-bottom: 0 } .nav-tabs.nav-stacked>li>a { border: 1px solid #ddd; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0 } .nav-tabs.nav-stacked>li:first-child>a { -webkit-border-top-right-radius: 4px; -moz-border-radius-topright: 4px; border-top-right-radius: 4px; -webkit-border-top-left-radius: 4px; -moz-border-radius-topleft: 4px; border-top-left-radius: 4px } .nav-tabs.nav-stacked>li:last-child>a { -webkit-border-bottom-right-radius: 4px; -moz-border-radius-bottomright: 4px; border-bottom-right-radius: 4px; -webkit-border-bottom-left-radius: 4px; -moz-border-radius-bottomleft: 4px; border-bottom-left-radius: 4px } .nav-tabs.nav-stacked>li>a:hover, .nav-tabs.nav-stacked>li>a:focus { border-color: #ddd; z-index: 2 } .nav-pills.nav-stacked>li>a { margin-bottom: 3px } .nav-pills.nav-stacked>li:last-child>a { margin-bottom: 1px } .nav-tabs .dropdown-menu { -webkit-border-radius: 0 0 6px 6px; -moz-border-radius: 0 0 6px 6px; border-radius: 0 0 6px 6px } .nav-pills .dropdown-menu { -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px } .nav .dropdown-toggle .caret { border-top-color: #08c; border-bottom-color: #08c; margin-top: 6px } .nav .dropdown-toggle:hover .caret, .nav .dropdown-toggle:focus .caret { border-top-color: #005580; border-bottom-color: #005580 } .nav-tabs .dropdown-toggle .caret { margin-top: 8px } .nav .active .dropdown-toggle .caret { border-top-color: #fff; border-bottom-color: #fff } .nav-tabs .active .dropdown-toggle .caret { border-top-color: #555; border-bottom-color: #555 } .nav>.dropdown.active>a:hover, .nav>.dropdown.active>a:focus { cursor: pointer } .nav-tabs .open .dropdown-toggle, .nav-pills .open .dropdown-toggle, .nav>li.dropdown.open.active>a:hover, .nav>li.dropdown.open.active>a:focus { color: #fff; background-color: #999; border-color: #999 } .nav li.dropdown.open .caret, .nav li.dropdown.open.active .caret, .nav li.dropdown.open a:hover .caret, .nav li.dropdown.open a:focus .caret { border-top-color: #fff; border-bottom-color: #fff; opacity: 1; filter: alpha(opacity=100) } .tabs-stacked .open>a:hover, .tabs-stacked .open>a:focus { border-color: #999 } .tabbable { *zoom: 1 } .tabbable:before, .tabbable:after { display: table; content: ""; line-height: 0 } .tabbable:after { clear: both } .tab-content { overflow: auto } .tabs-below>.nav-tabs, .tabs-right>.nav-tabs, .tabs-left>.nav-tabs { border-bottom: 0 } .tab-content>.tab-pane, .pill-content>.pill-pane { display: none } .tab-content>.active, .pill-content>.active { display: block } .tabs-below>.nav-tabs { border-top: 1px solid #ddd } .tabs-below>.nav-tabs>li { margin-top: -1px; margin-bottom: 0 } .tabs-below>.nav-tabs>li>a { -webkit-border-radius: 0 0 4px 4px; -moz-border-radius: 0 0 4px 4px; border-radius: 0 0 4px 4px } .tabs-below>.nav-tabs>li>a:hover, .tabs-below>.nav-tabs>li>a:focus { border-bottom-color: transparent; border-top-color: #ddd } .tabs-below>.nav-tabs>.active>a, .tabs-below>.nav-tabs>.active>a:hover, .tabs-below>.nav-tabs>.active>a:focus { border-color: transparent #ddd #ddd #ddd } .tabs-left>.nav-tabs>li, .tabs-right>.nav-tabs>li { float: none } .tabs-left>.nav-tabs>li>a, .tabs-right>.nav-tabs>li>a { min-width: 74px; margin-right: 0; margin-bottom: 3px } .tabs-left>.nav-tabs { float: left; margin-right: 19px; border-right: 1px solid #ddd } .tabs-left>.nav-tabs>li>a { margin-right: -1px; -webkit-border-radius: 4px 0 0 4px; -moz-border-radius: 4px 0 0 4px; border-radius: 4px 0 0 4px } .tabs-left>.nav-tabs>li>a:hover, .tabs-left>.nav-tabs>li>a:focus { border-color: #eee #ddd #eee #eee } .tabs-left>.nav-tabs .active>a, .tabs-left>.nav-tabs .active>a:hover, .tabs-left>.nav-tabs .active>a:focus { border-color: #ddd transparent #ddd #ddd; *border-right-color: #fff } .tabs-right>.nav-tabs { float: right; margin-left: 19px; border-left: 1px solid #ddd } .tabs-right>.nav-tabs>li>a { margin-left: -1px; -webkit-border-radius: 0 4px 4px 0; -moz-border-radius: 0 4px 4px 0; border-radius: 0 4px 4px 0 } .tabs-right>.nav-tabs>li>a:hover, .tabs-right>.nav-tabs>li>a:focus { border-color: #eee #eee #eee #ddd } .tabs-right>.nav-tabs .active>a, .tabs-right>.nav-tabs .active>a:hover, .tabs-right>.nav-tabs .active>a:focus { border-color: #ddd #ddd #ddd transparent; *border-left-color: #fff } .nav>.disabled>a { color: #999 } .nav>.disabled>a:hover, .nav>.disabled>a:focus { text-decoration: none; background-color: transparent; cursor: default } .modal-backdrop { position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 1040; background-color: #000 } .modal-backdrop.fade { opacity: 0 } .modal-backdrop, .modal-backdrop.fade.in { opacity: 0.2; filter: alpha(opacity=80) } .modal { position: fixed; top: 10%; left: 50%; z-index: 1200; width: 560px; margin-left: -280px; background-color: #fff; border: 1px solid rgba(0, 0, 0, 0.3); *border: 1px solid #999; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3); box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3); -webkit-background-clip: padding-box; -moz-background-clip: padding-box; background-clip: padding-box; outline: 0 } .modal.fade { -webkit-transition: opacity 0.3s linear, top 0.3s ease-out; -moz-transition: opacity 0.3s linear, top 0.3s ease-out; -o-transition: opacity 0.3s linear, top 0.3s ease-out; transition: opacity 0.3s linear, top 0.3s ease-out; top: -25% } .modal.fade.in { top: 50% } .modal-header { padding: 9px 15px; border-bottom: 1px solid #eee } .modal-header .close { margin-top: 2px } .modal-header h3 { margin: 0; line-height: 30px } .modal-body { position: relative; overflow-y: auto; max-height: 400px; padding: 15px } .modal-form { margin-bottom: 0 } .modal-footer { padding: 14px 15px 15px; margin-bottom: 0; text-align: right; background-color: #f5f5f5; border-top: 1px solid #ddd; -webkit-border-radius: 0 0 6px 6px; -moz-border-radius: 0 0 6px 6px; border-radius: 0 0 6px 6px; -webkit-box-shadow: inset 0 1px 0 #fff; -moz-box-shadow: inset 0 1px 0 #fff; box-shadow: inset 0 1px 0 #fff; *zoom: 1 } .modal-footer:before, .modal-footer:after { display: table; content: ""; line-height: 0 } .modal-footer:after { clear: both } .modal-footer .btn+.btn { margin-left: 5px; margin-bottom: 0 } .modal-footer .btn-group .btn+.btn { margin-left: -1px } .modal-footer .btn-block+.btn-block { margin-left: 0 } .label, .badge { display: inline-block; padding: 2px 4px; font-size: 11.844px; font-weight: bold; line-height: 14px; color: #fff; vertical-align: baseline; white-space: nowrap; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #999 } .label { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background-color: #fff; padding: 0 } .label:empty, .badge:empty { display: none } a.label:hover, a.label:focus, a.badge:hover, a.badge:focus { color: #fff; text-decoration: none; cursor: pointer } .label-important { background-color: #b94a48 } .label-important[href] { background-color: #953b39 } .label-warning { background-color: #f89406 } .label-warning[href] { background-color: #c67605 } .label-success { background-color: #468847 } .label-success[href] { background-color: #356635 } .label-info { background-color: #3a87ad } .label-info[href] { background-color: #2d6987 } .label-inverse { background-color: #333 } .label-inverse[href] { background-color: #1a1a1a } .badge-important { background-color: #b94a48 } .badge-important[href] { background-color: #953b39 } .badge-warning { background-color: #f89406 } .badge-warning[href] { background-color: #c67605 } .badge-success { background-color: #468847 } .badge-success[href] { background-color: #356635 } .badge-info { background-color: #3a87ad } .badge-info[href] { background-color: #2d6987 } .badge-inverse { background-color: #333 } .badge-inverse[href] { background-color: #1a1a1a } .btn .label, .btn .badge { position: relative; top: -1px } .btn-mini .label, .btn-mini .badge { top: 0 } .accordion { margin-bottom: 20px } .accordion-group { margin-bottom: 2px; border: 1px solid #e5e5e5; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px } .accordion-heading { border-bottom: 0 } .accordion-heading .accordion-toggle { display: block; padding: 8px 15px } .accordion-toggle { cursor: pointer } .accordion-inner { padding: 9px 15px; border-top: 1px solid #e5e5e5 } .pull-right { float: right } .pull-left { float: left } .hide { display: none } .show { display: block } .invisible { visibility: hidden } .affix { position: fixed } .clearfix { *zoom: 1 } .clearfix:before, .clearfix:after { display: table; content: ""; line-height: 0 } .clearfix:after { clear: both } .hide-text { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0 } .input-block-level { display: block; width: 100%; min-height: 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box } /*! * Font Awesome 3.2.1 * the iconic font designed for Bootstrap * ------------------------------------------------------------------------------ * The full suite of pictographic icons, examples, and documentation can be * found at http://fontawesome.io. Stay up to date on Twitter at * http://twitter.com/fontawesome. * * License * ------------------------------------------------------------------------------ * -The Font Awesome font is licensed under SIL OFL 1.1 - * http://scripts.sil.org/OFL * -Font Awesome CSS, LESS, and SASS files are licensed under MIT License - * http://opensource.org/licenses/mit-license.html * -Font Awesome documentation licensed under CC BY 3.0 - * http://creativecommons.org/licenses/by/3.0/ * -Attribution is no longer required in Font Awesome 3.0, but much appreciated: * "Font Awesome by Dave Gandy-http://fontawesome.io" * * Author-Dave Gandy * ------------------------------------------------------------------------------ * Email: dave@fontawesome.io * Twitter: http://twitter.com/davegandy * Work: Lead Product Designer @ Kyruus-http://kyruus.com */ @font-face { font-family: 'FontAwesome'; src: url(../fonts/fontawesome-webfont.eot); src: url(../fonts/fontawesome-webfont-embedded-opentype.eot) format("embedded-opentype"), url(../fonts/fontawesome-webfont.woff) format("woff"), url(../fonts/fontawesome-webfont.ttf) format("truetype"), url(../fonts/fontawesome-webfont.svg) format("svg"); font-weight: normal; font-style: normal } @font-face { font-family: "Alibaba PuHuiTi"; src: url(./fonts/AlibabaPuHuiTi-2-55-Regular.ttf) format("truetype"); font-weight: normal; font-style: normal } @font-face { font-family: "Alibaba PuHuiTi-Bold"; src: url(./fonts/AlibabaPuHuiTi-2-85-Bold.ttf) format("truetype"); font-weight: normal; font-style: normal } [class^="icon-"]:before, [class*=" icon-"]:before { text-decoration: inherit; display: inline-block; speak: none } .icon-large:before { vertical-align: -10%; font-size: 1.33333em } a [class^="icon-"], a [class*=" icon-"] { display: inline } [class^="icon-"].icon-fixed-width, [class*=" icon-"].icon-fixed-width { display: inline-block; width: 1.14286em; text-align: right; padding-right: 0.28571em } [class^="icon-"].icon-fixed-width.icon-large, [class*=" icon-"].icon-fixed-width.icon-large { width: 1.42857em } .icons-ul { margin-left: 2.14286em; list-style: none } .icons-ul>li { position: relative } .icons-ul .icon-li { position: absolute; left: -2.14286em; width: 2.14286em; text-align: center; line-height: inherit } [class^="icon-"].hide, [class*=" icon-"].hide { display: none } .icon-muted { color: #eee } .icon-light { color: #fff } .icon-dark { color: #333 } .icon-border { border: solid 1px #eee; padding: .2em .25em .15em; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px } .icon-2x { font-size: 2em } .icon-2x.icon-border { border-width: 2px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px } .icon-3x { font-size: 3em } .icon-3x.icon-border { border-width: 3px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px } .icon-4x { font-size: 4em } .icon-4x.icon-border { border-width: 4px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px } .icon-5x { font-size: 5em } .icon-5x.icon-border { border-width: 5px; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px } [class^="icon-"].pull-left, [class*=" icon-"].pull-left { margin-right: .3em } [class^="icon-"].pull-right, [class*=" icon-"].pull-right { margin-left: .3em } .icon-white, .nav-pills>.active>a>[class^="icon-"], .nav-pills>.active>a>[class*=" icon-"], .nav-list>.active>a>[class^="icon-"], .nav-list>.active>a>[class*=" icon-"], .navbar-inverse .nav>.active>a>[class^="icon-"], .navbar-inverse .nav>.active>a>[class*=" icon-"], .dropdown-menu>li>a:hover>[class^="icon-"], .dropdown-menu>li>a:hover>[class*=" icon-"], .dropdown-menu>.active>a>[class^="icon-"], .dropdown-menu>.active>a>[class*=" icon-"], .dropdown-submenu:hover>a>[class^="icon-"], .dropdown-submenu:hover>a>[class*=" icon-"] { background-image: none } .btn [class^="icon-"].icon-large, .btn [class*=" icon-"].icon-large, .nav [class^="icon-"].icon-large, .nav [class*=" icon-"].icon-large { line-height: .9em } .btn [class^="icon-"].icon-spin, .btn [class*=" icon-"].icon-spin, .nav [class^="icon-"].icon-spin, .nav [class*=" icon-"].icon-spin { display: inline-block } .nav-tabs [class^="icon-"], .nav-tabs [class^="icon-"].icon-large, .nav-tabs [class*=" icon-"], .nav-tabs [class*=" icon-"].icon-large, .nav-pills [class^="icon-"], .nav-pills [class^="icon-"].icon-large, .nav-pills [class*=" icon-"], .nav-pills [class*=" icon-"].icon-large { line-height: .9em } .btn [class^="icon-"].pull-left.icon-2x, .btn [class^="icon-"].pull-right.icon-2x, .btn [class*=" icon-"].pull-left.icon-2x, .btn [class*=" icon-"].pull-right.icon-2x { margin-top: .18em } .btn [class^="icon-"].icon-spin.icon-large, .btn [class*=" icon-"].icon-spin.icon-large { line-height: .8em } .btn.btn-small [class^="icon-"].pull-left.icon-2x, .btn.btn-small [class^="icon-"].pull-right.icon-2x, .btn.btn-small [class*=" icon-"].pull-left.icon-2x, .btn.btn-small [class*=" icon-"].pull-right.icon-2x { margin-top: .25em } .btn.btn-large [class^="icon-"], .btn.btn-large [class*=" icon-"] { margin-top: 0 } .btn.btn-large [class^="icon-"].pull-left.icon-2x, .btn.btn-large [class^="icon-"].pull-right.icon-2x, .btn.btn-large [class*=" icon-"].pull-left.icon-2x, .btn.btn-large [class*=" icon-"].pull-right.icon-2x { margin-top: .05em } .btn.btn-large [class^="icon-"].pull-left.icon-2x, .btn.btn-large [class*=" icon-"].pull-left.icon-2x { margin-right: .2em } .btn.btn-large [class^="icon-"].pull-right.icon-2x, .btn.btn-large [class*=" icon-"].pull-right.icon-2x { margin-left: .2em } .icon-stack { position: relative; display: inline-block; width: 2em; height: 2em; line-height: 2em; vertical-align: -35% } .icon-stack [class^="icon-"], .icon-stack [class*=" icon-"] { display: block; text-align: center; position: absolute; width: 100%; height: 100%; font-size: 1em; line-height: inherit; *line-height: 2em } .icon-stack .icon-stack-base { font-size: 2em; *line-height: 1em } .icon-spin { display: inline-block; -moz-animation: spin 2s infinite linear; -o-animation: spin 2s infinite linear; -webkit-animation: spin 2s infinite linear; animation: spin 2s infinite linear } a .icon-stack, a .icon-spin { display: inline-block; text-decoration: none } @-moz-keyframes spin { 0% { -moz-transform: rotate(0deg) } 100% { -moz-transform: rotate(359deg) } } @-webkit-keyframes spin { 0% { -webkit-transform: rotate(0deg) } 100% { -webkit-transform: rotate(359deg) } } @-o-keyframes spin { 0% { -o-transform: rotate(0deg) } 100% { -o-transform: rotate(359deg) } } @-ms-keyframes spin { 0% { -ms-transform: rotate(0deg) } 100% { -ms-transform: rotate(359deg) } } @keyframes spin { 0% { transform: rotate(0deg) } 100% { transform: rotate(359deg) } } .icon-rotate-90:before { -webkit-transform: rotate(90deg); -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1) } .icon-rotate-180:before { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg); filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2) } .icon-rotate-270:before { -webkit-transform: rotate(270deg); -moz-transform: rotate(270deg); -ms-transform: rotate(270deg); -o-transform: rotate(270deg); transform: rotate(270deg); filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3) } .icon-flip-horizontal:before { -webkit-transform: scale(-1, 1); -moz-transform: scale(-1, 1); -ms-transform: scale(-1, 1); -o-transform: scale(-1, 1); transform: scale(-1, 1) } .icon-flip-vertical:before { -webkit-transform: scale(1, -1); -moz-transform: scale(1, -1); -ms-transform: scale(1, -1); -o-transform: scale(1, -1); transform: scale(1, -1) } a .icon-rotate-90:before, a .icon-rotate-180:before, a .icon-rotate-270:before, a .icon-flip-horizontal:before, a .icon-flip-vertical:before { display: inline-block } .icon-glass:before { content: "" } .icon-music:before { content: "" } .icon-search:before { content: "" } .icon-envelope-alt:before { content: "" } .icon-heart:before { content: "" } .icon-star:before { content: "" } .icon-star-empty:before { content: "" } .icon-user:before { content: "" } .icon-film:before { content: "" } .icon-th-large:before { content: "" } .icon-th:before { content: "" } .icon-th-list:before { content: "" } .icon-ok:before { content: "" } .icon-remove:before { content: "" } .icon-zoom-in:before { content: "" } .icon-zoom-out:before { content: "" } .icon-power-off:before, .icon-off:before { content: "" } .icon-signal:before { content: "" } .icon-gear:before, .icon-cog:before { content: "" } .icon-trash:before { content: "" } .icon-home:before { content: "" } .icon-file-alt:before { content: "" } .icon-time:before { content: "" } .icon-road:before { content: "" } .icon-download-alt:before { content: "" } .icon-download:before { content: "" } .icon-upload:before { content: "" } .icon-inbox:before { content: "" } .icon-play-circle:before { content: "" } .icon-rotate-right:before, .icon-repeat:before { content: "" } .icon-refresh:before { content: "" } .icon-list-alt:before { content: "" } .icon-lock:before { content: "" } .icon-flag:before { content: "" } .icon-headphones:before { content: "" } .icon-volume-off:before { content: "" } .icon-volume-down:before { content: "" } .icon-volume-up:before { content: "" } .icon-qrcode:before { content: "" } .icon-barcode:before { content: "" } .icon-tag:before { content: "" } .icon-tags:before { content: "" } .icon-book:before { content: "" } .icon-bookmark:before { content: "" } .icon-print:before { content: "" } .icon-camera:before { content: "" } .icon-font:before { content: "" } .icon-bold:before { content: "" } .icon-italic:before { content: "" } .icon-text-height:before { content: "" } .icon-text-width:before { content: "" } .icon-align-left:before { content: "" } .icon-align-center:before { content: "" } .icon-align-right:before { content: "" } .icon-align-justify:before { content: "" } .icon-list:before { content: "" } .icon-indent-left:before { content: "" } .icon-indent-right:before { content: "" } .icon-facetime-video:before { content: "" } .icon-picture:before { content: "" } .icon-pencil:before { content: "" } .icon-map-marker:before { content: "" } .icon-adjust:before { content: "" } .icon-tint:before { content: "" } .icon-edit:before { content: "" } .icon-share:before { content: "" } .icon-check:before { content: "" } .icon-move:before { content: "" } .icon-step-backward:before { content: "" } .icon-fast-backward:before { content: "" } .icon-backward:before { content: "" } .icon-play:before { content: "" } .icon-pause:before { content: "" } .icon-stop:before { content: "" } .icon-forward:before { content: "" } .icon-fast-forward:before { content: "" } .icon-step-forward:before { content: "" } .icon-eject:before { content: "" } .icon-chevron-left:before { content: "" } .icon-chevron-right:before { content: "" } .icon-plus-sign:before { content: "" } .icon-minus-sign:before { content: "" } .icon-remove-sign:before { content: "" } .icon-ok-sign:before { content: "" } .icon-question-sign:before { content: "" } .icon-info-sign:before { content: "" } .icon-screenshot:before { content: "" } .icon-remove-circle:before { content: "" } .icon-ok-circle:before { content: "" } .icon-ban-circle:before { content: "" } .icon-arrow-left:before { content: "" } .icon-arrow-right:before { content: "" } .icon-arrow-up:before { content: "" } .icon-arrow-down:before { content: "" } .icon-mail-forward:before, .icon-share-alt:before { content: "" } .icon-resize-full:before { content: "" } .icon-resize-small:before { content: "" } .icon-plus:before { content: "" } .icon-minus:before { content: "" } .icon-asterisk:before { content: "" } .icon-exclamation-sign:before { content: "" } .icon-gift:before { content: "" } .icon-leaf:before { content: "" } .icon-fire:before { content: "" } .icon-eye-open:before { content: "" } .icon-eye-close:before { content: "" } .icon-warning-sign:before { content: "" } .icon-plane:before { content: "" } .icon-calendar:before { content: "" } .icon-random:before { content: "" } .icon-comment:before { content: "" } .icon-magnet:before { content: "" } .icon-chevron-up:before { content: "" } .icon-chevron-down:before { content: "" } .icon-retweet:before { content: "" } .icon-shopping-cart:before { content: "" } .icon-folder-close:before { content: "" } .icon-folder-open:before { content: "" } .icon-resize-vertical:before { content: "" } .icon-resize-horizontal:before { content: "" } .icon-bar-chart:before { content: "" } .icon-twitter-sign:before { content: "" } .icon-facebook-sign:before { content: "" } .icon-camera-retro:before { content: "" } .icon-key:before { content: "" } .icon-gears:before, .icon-cogs:before { content: "" } .icon-comments:before { content: "" } .icon-thumbs-up-alt:before { content: "" } .icon-thumbs-down-alt:before { content: "" } .icon-star-half:before { content: "" } .icon-heart-empty:before { content: "" } .icon-signout:before { content: "" } .icon-linkedin-sign:before { content: "" } .icon-pushpin:before { content: "" } .icon-external-link:before { content: "" } .icon-signin:before { content: "" } .icon-trophy:before { content: "" } .icon-github-sign:before { content: "" } .icon-upload-alt:before { content: "" } .icon-lemon:before { content: "" } .icon-phone:before { content: "" } .icon-unchecked:before, .icon-check-empty:before { content: "" } .icon-bookmark-empty:before { content: "" } .icon-phone-sign:before { content: "" } .icon-twitter:before { content: "" } .icon-facebook:before { content: "" } .icon-github:before { content: "" } .icon-unlock:before { content: "" } .icon-credit-card:before { content: "" } .icon-rss:before { content: "" } .icon-hdd:before { content: "" } .icon-bullhorn:before { content: "" } .icon-bell:before { content: "" } .icon-certificate:before { content: "" } .icon-hand-right:before { content: "" } .icon-hand-left:before { content: "" } .icon-hand-up:before { content: "" } .icon-hand-down:before { content: "" } .icon-circle-arrow-left:before { content: "" } .icon-circle-arrow-right:before { content: "" } .icon-circle-arrow-up:before { content: "" } .icon-circle-arrow-down:before { content: "" } .icon-globe:before { content: "" } .icon-wrench:before { content: "" } .icon-tasks:before { content: "" } .icon-filter:before { content: "" } .icon-briefcase:before { content: "" } .icon-fullscreen:before { content: "" } .icon-group:before { content: "" } .icon-link:before { content: "" } .icon-cloud:before { content: "" } .icon-beaker:before { content: "" } .icon-cut:before { content: "" } .icon-copy:before { content: "" } .icon-paperclip:before, .icon-paper-clip:before { content: "" } .icon-save:before { content: "" } .icon-sign-blank:before { content: "" } .icon-reorder:before { content: "" } .icon-list-ul:before { content: "" } .icon-list-ol:before { content: "" } .icon-strikethrough:before { content: "" } .icon-underline:before { content: "" } .icon-table:before { content: "" } .icon-magic:before { content: "" } .icon-truck:before { content: "" } .icon-pinterest:before { content: "" } .icon-pinterest-sign:before { content: "" } .icon-google-plus-sign:before { content: "" } .icon-google-plus:before { content: "" } .icon-money:before { content: "" } .icon-caret-down:before { content: "" } .icon-caret-up:before { content: "" } .icon-caret-left:before { content: "" } .icon-caret-right:before { content: "" } .icon-columns:before { content: "" } .icon-sort:before { content: "" } .icon-sort-down:before { content: "" } .icon-sort-up:before { content: "" } .icon-envelope:before { content: "" } .icon-linkedin:before { content: "" } .icon-rotate-left:before, .icon-undo:before { content: "" } .icon-legal:before { content: "" } .icon-dashboard:before { content: "" } .icon-comment-alt:before { content: "" } .icon-comments-alt:before { content: "" } .icon-bolt:before { content: "" } .icon-sitemap:before { content: "" } .icon-umbrella:before { content: "" } .icon-paste:before { content: "" } .icon-lightbulb:before { content: "" } .icon-exchange:before { content: "" } .icon-cloud-download:before { content: "" } .icon-cloud-upload:before { content: "" } .icon-user-md:before { content: "" } .icon-stethoscope:before { content: "" } .icon-suitcase:before { content: "" } .icon-bell-alt:before { content: "" } .icon-coffee:before { content: "" } .icon-food:before { content: "" } .icon-file-text-alt:before { content: "" } .icon-building:before { content: "" } .icon-hospital:before { content: "" } .icon-ambulance:before { content: "" } .icon-medkit:before { content: "" } .icon-fighter-jet:before { content: "" } .icon-beer:before { content: "" } .icon-h-sign:before { content: "" } .icon-plus-sign-alt:before { content: "" } .icon-double-angle-left:before { content: "" } .icon-double-angle-right:before { content: "" } .icon-double-angle-up:before { content: "" } .icon-double-angle-down:before { content: "" } .icon-angle-left:before { content: "" } .icon-angle-right:before { content: "" } .icon-angle-up:before { content: "" } .icon-angle-down:before { content: "" } .icon-desktop:before { content: "" } .icon-laptop:before { content: "" } .icon-tablet:before { content: "" } .icon-mobile-phone:before { content: "" } .icon-circle-blank:before { content: "" } .icon-quote-left:before { content: "" } .icon-quote-right:before { content: "" } .icon-spinner:before { content: "" } .icon-circle:before { content: "" } .icon-mail-reply:before, .icon-reply:before { content: "" } .icon-github-alt:before { content: "" } .icon-folder-close-alt:before { content: "" } .icon-folder-open-alt:before { content: "" } .icon-expand-alt:before { content: "" } .icon-collapse-alt:before { content: "" } .icon-smile:before { content: "" } .icon-frown:before { content: "" } .icon-meh:before { content: "" } .icon-gamepad:before { content: "" } .icon-keyboard:before { content: "" } .icon-flag-alt:before { content: "" } .icon-flag-checkered:before { content: "" } .icon-terminal:before { content: "" } .icon-code:before { content: "" } .icon-reply-all:before { content: "" } .icon-mail-reply-all:before { content: "" } .icon-star-half-full:before, .icon-star-half-empty:before { content: "" } .icon-location-arrow:before { content: "" } .icon-crop:before { content: "" } .icon-code-fork:before { content: "" } .icon-unlink:before { content: "" } .icon-question:before { content: "" } .icon-info:before { content: "" } .icon-exclamation:before { content: "" } .icon-superscript:before { content: "" } .icon-subscript:before { content: "" } .icon-eraser:before { content: "" } .icon-puzzle-piece:before { content: "" } .icon-microphone:before { content: "" } .icon-microphone-off:before { content: "" } .icon-shield:before { content: "" } .icon-calendar-empty:before { content: "" } .icon-fire-extinguisher:before { content: "" } .icon-rocket:before { content: "" } .icon-maxcdn:before { content: "" } .icon-chevron-sign-left:before { content: "" } .icon-chevron-sign-right:before { content: "" } .icon-chevron-sign-up:before { content: "" } .icon-chevron-sign-down:before { content: "" } .icon-html5:before { content: "" } .icon-css3:before { content: "" } .icon-anchor:before { content: "" } .icon-unlock-alt:before { content: "" } .icon-bullseye:before { content: "" } .icon-ellipsis-horizontal:before { content: "" } .icon-ellipsis-vertical:before { content: "" } .icon-rss-sign:before { content: "" } .icon-play-sign:before { content: "" } .icon-ticket:before { content: "" } .icon-minus-sign-alt:before { content: "" } .icon-check-minus:before { content: "" } .icon-level-up:before { content: "" } .icon-level-down:before { content: "" } .icon-check-sign:before { content: "" } .icon-edit-sign:before { content: "" } .icon-external-link-sign:before { content: "" } .icon-share-sign:before { content: "" } .icon-compass:before { content: "" } .icon-collapse:before { content: "" } .icon-collapse-top:before { content: "" } .icon-expand:before { content: "" } .icon-euro:before, .icon-eur:before { content: "" } .icon-gbp:before { content: "" } .icon-dollar:before, .icon-usd:before { content: "" } .icon-rupee:before, .icon-inr:before { content: "" } .icon-yen:before, .icon-jpy:before { content: "" } .icon-renminbi:before, .icon-cny:before { content: "" } .icon-won:before, .icon-krw:before { content: "" } .icon-bitcoin:before, .icon-btc:before { content: "" } .icon-file:before { content: "" } .icon-file-text:before { content: "" } .icon-sort-by-alphabet:before { content: "" } .icon-sort-by-alphabet-alt:before { content: "" } .icon-sort-by-attributes:before { content: "" } .icon-sort-by-attributes-alt:before { content: "" } .icon-sort-by-order:before { content: "" } .icon-sort-by-order-alt:before { content: "" } .icon-thumbs-up:before { content: "" } .icon-thumbs-down:before { content: "" } .icon-youtube-sign:before { content: "" } .icon-youtube:before { content: "" } .icon-xing:before { content: "" } .icon-xing-sign:before { content: "" } .icon-youtube-play:before { content: "" } .icon-dropbox:before { content: "" } .icon-stackexchange:before { content: "" } .icon-instagram:before { content: "" } .icon-flickr:before { content: "" } .icon-adn:before { content: "" } .icon-bitbucket:before { content: "" } .icon-bitbucket-sign:before { content: "" } .icon-tumblr:before { content: "" } .icon-tumblr-sign:before { content: "" } .icon-long-arrow-down:before { content: "" } .icon-long-arrow-up:before { content: "" } .icon-long-arrow-left:before { content: "" } .icon-long-arrow-right:before { content: "" } .icon-apple:before { content: "" } .icon-windows:before { content: "" } .icon-android:before { content: "" } .icon-linux:before { content: "" } .icon-dribbble:before { content: "" } .icon-skype:before { content: "" } .icon-foursquare:before { content: "" } .icon-trello:before { content: "" } .icon-female:before { content: "" } .icon-male:before { content: "" } .icon-gittip:before { content: "" } .icon-sun:before { content: "" } .icon-moon:before { content: "" } .icon-archive:before { content: "" } .icon-bug:before { content: "" } .icon-vk:before { content: "" } .icon-weibo:before { content: "" } .icon-renren:before { content: "" } .ac_input { border: 1px solid #79b; border-right: 0; display: block !important; font-size: 16px; padding: 4px; margin: 0; width: 320px; float: left; -webkit-border-radius: 4px 0px 0px 4px; -moz-border-radius: 4px 0px 0px 4px; -ms-border-radius: 4px 0px 0px 4px; -o-border-radius: 4px 0px 0px 4px; border-radius: 4px 0px 0px 4px; -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2) inset; -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2) inset; box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2) inset } .ac_container_open .ac_input { -webkit-border-radius: 4px 0px 0px 4px !important; -moz-border-radius: 4px 0px 0px 4px !important; -ms-border-radius: 4px 0px 0px 4px !important; -o-border-radius: 4px 0px 0px 4px !important; border-radius: 4px 0px 0px 4px !important } .ac_button { border: 1px solid #79b; width: 32px; text-align: center; position: relative; cursor: pointer; float: left; -webkit-border-radius: 0 4px 0 0; -moz-border-radius: 0 4px 0 0; -ms-border-radius: 0 4px 0 0; -o-border-radius: 0 4px 0 0; border-radius: 0 4px 0 0 } .ac_container_open .ac_button { -webkit-border-radius: 0 0 4px 0 !important; -moz-border-radius: 0 0 4px 0 !important; -ms-border-radius: 0 0 4px 0 !important; -o-border-radius: 0 0 4px 0 !important; border-radius: 0 0 4px 0 !important } .ac_button img { position: absolute; height: 16px; width: 16px } .ac_btn_out { background: #bde; background: -owg-linear-gradient(#eff, #9ab); background: -webkit-linear-gradient(#eff, #9ab); background: -moz-linear-gradient(#eff, #9ab); background: -o-linear-gradient(#eff, #9ab); background: linear-gradient(#eff, #9ab) } .ac_btn_on { background: #dee; background: -webkit-linear-gradient(#fff, #bcc); background: -moz-linear-gradient(#fff, #bcc); background: -o-linear-gradient(#fff, #bcc); background: linear-gradient(#fff, #bcc) } .ac_selected { font-weight: bold } .ac_match { text-decoration: underline } .ac_over .ac_match { text-decoration: none } .ac_s_input { width: 100px; border: 0; display: block !important; float: left } .ac_s_button, .ac_s_btn_out, .ac_s_btn_on { width: 50px; color: red } .ac_input_off, .ac_s_input_off { background: #eee; color: #555 } .ac_n_container { margin: 0; padding: 0; width: auto } .ac_n_input { border: 1px solid #CCC; display: block !important; float: left; -webkit-border-radius: 4px 0 0 4px !important; -moz-border-radius: 4px 0 0 4px !important; -ms-border-radius: 4px 0 0 4px !important; -o-border-radius: 4px 0 0 4px !important; border-radius: 4px 0 0 4px !important } .icon-angle-down { -webkit-border-radius: 0 4px 4px 0 !important; -moz-border-radius: 0 4px 4px 0 !important; -ms-border-radius: 0 4px 4px 0 !important; -o-border-radius: 0 4px 4px 0 !important; border-radius: 0 4px 4px 0 !important; margin-left: 0px; border-left: none !important; width: 30px; color: #555 } .ac_result_area, .autocomplete_result_area { width: 400px; margin: 0; padding: 0; list-style: none; position: absolute; z-index: 100; display: none } .ac_result_area .ac_navi, .autocomplete_result_area .ac_navi { background: #F0F0F0; margin: 4px 0 0; padding: 4px; text-align: right; font-size: 12px; font-weight: normal; text-decoration: none; height: 50px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 1px 1px 5px #000; -moz-box-shadow: 1px 1px 5px #000; box-shadow: 1px 1px 5px #000 } .ac_result_area .ac_navi a:link, .autocomplete_result_area .ac_navi a:link, .ac_result_area .ac_navi a:visited, .autocomplete_result_area .ac_navi a:visited, .ac_result_area .ac_navi a:hover, .autocomplete_result_area .ac_navi a:hover, .ac_result_area .ac_navi a:active, .autocomplete_result_area .ac_navi a:active { text-decoration: none; margin: 0px 4px; font-weight: normal } .ac_result_area .ac_navi .page_buttons, .autocomplete_result_area .ac_navi .page_buttons { font-size: 15px; text-align: center; color: #000; padding-top: 4px; margin: 0 } .ac_result_area .ac_navi .current, .autocomplete_result_area .ac_navi .current { font-weight: bold; font-size: 16px; color: #00c } .ac_result_area .ac_navi .page_end, .autocomplete_result_area .ac_navi .page_end { color: gray; margin: 0px 3px; font-weight: normal; float: left } .ac_result_area .ac_navi .ac_categories, .autocomplete_result_area .ac_navi .ac_categories { text-align: center; width: 300px; margin: 0 auto } .ac_result_area .navi_page, .autocomplete_result_area .navi_page, .ac_result_area .navi_first, .autocomplete_result_area .navi_first, .ac_result_area .navi_prev, .autocomplete_result_area .navi_prev, .ac_result_area .navi_next, .autocomplete_result_area .navi_next, .ac_result_area .navi_last, .autocomplete_result_area .navi_last { margin: auto 3px 3px !important } .ac_result_area .navi_first, .autocomplete_result_area .navi_first, .ac_result_area .navi_prev, .autocomplete_result_area .navi_prev { float: left } .ac_result_area .navi_last, .autocomplete_result_area .navi_last, .ac_result_area .navi_next, .autocomplete_result_area .navi_next { float: right } .ac_result_area span.important, .autocomplete_result_area span.important { color: #D04255; font-weight: bold } .ac_result_area .ac_results, .autocomplete_result_area .ac_results, .autocomplete_result_area .autocomplete_result, .ac_result_area ul.ac_results_off, .autocomplete_result_area ul.ac_results_off { list-style: none; margin: -2px 0 0; padding-top: 2px } .ac_result_area .ac_results:before, .autocomplete_result_area .ac_results:before, .autocomplete_result_area .autocomplete_result:before, .ac_result_area ul.ac_results_off:before, .autocomplete_result_area ul.ac_results_off:before { content: ""; display: block; clear: both } .ac_result_area .ac_results.ul-child, .autocomplete_result_area .ac_results.ul-child, .autocomplete_result_area .ul-child.autocomplete_result, .ac_result_area .ac_results.ul-help, .autocomplete_result_area .ac_results.ul-help, .autocomplete_result_area .ul-help.autocomplete_result, .ac_result_area ul.ac_results_off.ul-child, .autocomplete_result_area ul.ac_results_off.ul-child, .ac_result_area ul.ac_results_off.ul-help, .autocomplete_result_area ul.ac_results_off.ul-help { position: absolute; top: 0; padding: 0px 8px } .ac_result_area .ac_results li, .autocomplete_result_area .ac_results li, .autocomplete_result_area .autocomplete_result li, .ac_result_area ul.ac_results_off li, .autocomplete_result_area ul.ac_results_off li { background: #F0F0F0; border: 1px solid #F0F0F0; margin: 2px 0; text-align: left; overflow: hidden; font-size: 12px; line-height: 24px; position: relative; cursor: pointer; color: #555; padding: 3px; display: block; text-decoration: none; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 1px 1px 5px #000; -moz-box-shadow: 1px 1px 5px #000; box-shadow: 1px 1px 5px #000 } .ac_result_area .ac_results li.create-new, .autocomplete_result_area .ac_results li.create-new, .autocomplete_result_area .autocomplete_result li.create-new, .ac_result_area ul.ac_results_off li.create-new, .autocomplete_result_area ul.ac_results_off li.create-new { font-weight: bold } .ac_result_area .ac_results li.create-new .fcb-color-box, .autocomplete_result_area .ac_results li.create-new .fcb-color-box, .autocomplete_result_area .autocomplete_result li.create-new .fcb-color-box, .ac_result_area ul.ac_results_off li.create-new .fcb-color-box, .autocomplete_result_area ul.ac_results_off li.create-new .fcb-color-box { margin: 0 5px 0 2px; font-size: 14px; color: #b2cf3e } .ac_result_area .ac_results li.create-new .fcb-color-box i, .autocomplete_result_area .ac_results li.create-new .fcb-color-box i, .autocomplete_result_area .autocomplete_result li.create-new .fcb-color-box i, .ac_result_area ul.ac_results_off li.create-new .fcb-color-box i, .autocomplete_result_area ul.ac_results_off li.create-new .fcb-color-box i { margin: 0 } .ac_result_area .ac_results li div.fcb-color-box, .autocomplete_result_area .ac_results li div.fcb-color-box, .autocomplete_result_area .autocomplete_result li div.fcb-color-box, .ac_result_area ul.ac_results_off li div.fcb-color-box, .autocomplete_result_area ul.ac_results_off li div.fcb-color-box { float: left; margin: 5px 5px 0 2px; width: 14px; height: 14px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px } .ac_result_area .ac_results li div.fcb-color-box.color-1, .autocomplete_result_area .ac_results li div.fcb-color-box.color-1, .autocomplete_result_area .autocomplete_result li div.fcb-color-box.color-1, .ac_result_area ul.ac_results_off li div.fcb-color-box.color-1, .autocomplete_result_area ul.ac_results_off li div.fcb-color-box.color-1 { background: #E06A3B } .ac_result_area .ac_results li div.fcb-color-box.color-2, .autocomplete_result_area .ac_results li div.fcb-color-box.color-2, .autocomplete_result_area .autocomplete_result li div.fcb-color-box.color-2, .ac_result_area ul.ac_results_off li div.fcb-color-box.color-2, .autocomplete_result_area ul.ac_results_off li div.fcb-color-box.color-2 { background: #208DC3 } .ac_result_area .ac_results li div.fcb-color-box.color-3, .autocomplete_result_area .ac_results li div.fcb-color-box.color-3, .autocomplete_result_area .autocomplete_result li div.fcb-color-box.color-3, .ac_result_area ul.ac_results_off li div.fcb-color-box.color-3, .autocomplete_result_area ul.ac_results_off li div.fcb-color-box.color-3 { background: #F0BA32 } .ac_result_area .ac_results li div.fcb-color-box.color-4, .autocomplete_result_area .ac_results li div.fcb-color-box.color-4, .autocomplete_result_area .autocomplete_result li div.fcb-color-box.color-4, .ac_result_area ul.ac_results_off li div.fcb-color-box.color-4, .autocomplete_result_area ul.ac_results_off li div.fcb-color-box.color-4 { background: #D04255 } .ac_result_area .ac_results li div.fcb-color-box.color-5, .autocomplete_result_area .ac_results li div.fcb-color-box.color-5, .autocomplete_result_area .autocomplete_result li div.fcb-color-box.color-5, .ac_result_area ul.ac_results_off li div.fcb-color-box.color-5, .autocomplete_result_area ul.ac_results_off li div.fcb-color-box.color-5 { background: #B2CF3E } .ac_result_area .ac_results li div.fcb-color-box.color-6, .autocomplete_result_area .ac_results li div.fcb-color-box.color-6, .autocomplete_result_area .autocomplete_result li div.fcb-color-box.color-6, .ac_result_area ul.ac_results_off li div.fcb-color-box.color-6, .autocomplete_result_area ul.ac_results_off li div.fcb-color-box.color-6 { background: #C23685 } .ac_result_area .ac_results li div.fcb-color-box.color-7, .autocomplete_result_area .ac_results li div.fcb-color-box.color-7, .autocomplete_result_area .autocomplete_result li div.fcb-color-box.color-7, .ac_result_area ul.ac_results_off li div.fcb-color-box.color-7, .autocomplete_result_area ul.ac_results_off li div.fcb-color-box.color-7 { background: #23AC0E } .ac_result_area .ac_results li div.fcb-color-box.color-8, .autocomplete_result_area .ac_results li div.fcb-color-box.color-8, .autocomplete_result_area .autocomplete_result li div.fcb-color-box.color-8, .ac_result_area ul.ac_results_off li div.fcb-color-box.color-8, .autocomplete_result_area ul.ac_results_off li div.fcb-color-box.color-8 { background: #744199 } .ac_result_area .ac_results li div.fcb-color-box.color-9, .autocomplete_result_area .ac_results li div.fcb-color-box.color-9, .autocomplete_result_area .autocomplete_result li div.fcb-color-box.color-9, .ac_result_area ul.ac_results_off li div.fcb-color-box.color-9, .autocomplete_result_area ul.ac_results_off li div.fcb-color-box.color-9 { background: #888 } .ac_result_area .ac_results li.ac_over, .autocomplete_result_area .ac_results li.ac_over, .autocomplete_result_area .autocomplete_result li.ac_over, .ac_result_area ul.ac_results_off li.ac_over, .autocomplete_result_area ul.ac_results_off li.ac_over { cursor: pointer; background: #3261AB; color: #FFF; border: 1px solid #FFF } .ac_result_area .ac_results li.ac_over span.important, .autocomplete_result_area .ac_results li.ac_over span.important, .autocomplete_result_area .autocomplete_result li.ac_over span.important, .ac_result_area ul.ac_results_off li.ac_over span.important, .autocomplete_result_area ul.ac_results_off li.ac_over span.important { color: #fff7aa } .ac_result_area .ac_results li span.a-parent, .autocomplete_result_area .ac_results li span.a-parent, .autocomplete_result_area .autocomplete_result li span.a-parent, .ac_result_area ul.ac_results_off li span.a-parent, .autocomplete_result_area ul.ac_results_off li span.a-parent { width: 210px } .ac_result_area .ac_results li span.a-parent .menu-triangle, .autocomplete_result_area .ac_results li span.a-parent .menu-triangle, .autocomplete_result_area .autocomplete_result li span.a-parent .menu-triangle, .ac_result_area ul.ac_results_off li span.a-parent .menu-triangle, .autocomplete_result_area ul.ac_results_off li span.a-parent .menu-triangle { content: ""; position: absolute; top: 13px; left: 204px; border: 5px solid transparent; border-left-color: #555; display: inline; z-index: 100; width: 0 } .ac_result_area .ac_results li span.a-child, .autocomplete_result_area .ac_results li span.a-child, .autocomplete_result_area .autocomplete_result li span.a-child, .ac_result_area ul.ac_results_off li span.a-child, .autocomplete_result_area ul.ac_results_off li span.a-child { width: 150px } .ac_result_area .ac_results li span.a-help, .autocomplete_result_area .ac_results li span.a-help, .autocomplete_result_area .autocomplete_result li span.a-help, .ac_result_area ul.ac_results_off li span.a-help, .autocomplete_result_area ul.ac_results_off li span.a-help { width: 150px } .ac_result_area .ac_results li div.menu-node, .autocomplete_result_area .ac_results li div.menu-node, .autocomplete_result_area .autocomplete_result li div.menu-node, .ac_result_area ul.ac_results_off li div.menu-node, .autocomplete_result_area ul.ac_results_off li div.menu-node { padding: 1px } .ac_result_area .ac_results li div.menu-node div.menu-title, .autocomplete_result_area .ac_results li div.menu-node div.menu-title, .autocomplete_result_area .autocomplete_result li div.menu-node div.menu-title, .ac_result_area ul.ac_results_off li div.menu-node div.menu-title, .autocomplete_result_area ul.ac_results_off li div.menu-node div.menu-title { padding-top: 3px; font-size: 12px; line-height: 15px } .ac_result_area .ac_results li div.menu-node div.menu-desc, .autocomplete_result_area .ac_results li div.menu-node div.menu-desc, .autocomplete_result_area .autocomplete_result li div.menu-node div.menu-desc, .ac_result_area ul.ac_results_off li div.menu-node div.menu-desc, .autocomplete_result_area ul.ac_results_off li div.menu-node div.menu-desc { font-size: 9px; line-height: 12px } .ac_result_area .ac_subinfo dl, .autocomplete_result_area .ac_subinfo dl { display: none; z-index: -1000; position: absolute; margin: 0; padding: 0; border: 0; width: 0; height: 0; overflow: hidden } .autocomplete_result_area { width: 380px; -webkit-box-shadow: 0px 5px 10px #b7b7b7; -moz-box-shadow: 0px 5px 10px #b7b7b7; box-shadow: 0px 5px 10px #b7b7b7; margin-top: 3px; max-height: 305px } #create-zspm .autocomplete_result_area { width: 320px; -webkit-box-shadow: 0px 5px 10px #b7b7b7; -moz-box-shadow: 0px 5px 10px #b7b7b7; box-shadow: 0px 5px 10px #b7b7b7; margin-top: 3px; max-height: 305px } #update-zspm .autocomplete_result_area { width: 320px; -webkit-box-shadow: 0px 5px 10px #b7b7b7; -moz-box-shadow: 0px 5px 10px #b7b7b7; box-shadow: 0px 5px 10px #b7b7b7; margin-top: 3px; max-height: 305px } .autocomplete_result_area .autocomplete_result { overflow-y: scroll; max-height: 270px; -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; -o-backface-visibility: hidden; backface-visibility: hidden } .autocomplete_result_area .autocomplete_result li { background: #FFF; margin: 0px 0; padding: 0px 7px; border: 0px solid #F0F0F0; cursor: pointer; color: #555; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; -webkit-box-shadow: 0px 0px 0px #FFF; -moz-box-shadow: 0px 0px 0px #FFF; box-shadow: 0px 0px 0px #FFF } .autocomplete_result_area .autocomplete_result li.ac_over { cursor: pointer; background: #43B1E8; color: #FFF; border: 0 } .autocomplete_result_area .autocomplete_result li.ac_over div.main-title { color: #FFF } .autocomplete_result_area .autocomplete_result li.ac_over div.sub-title { color: #FFF } .autocomplete_result_area .autocomplete_result li div.sub-title { color: #b7b7b7 } .autocomplete_result_area .autocomplete_result li.group-header { background: #eee; font-size: 10.5px; font-weight: bold; line-height: 22px; cursor: default } .autocomplete_result_area .autocomplete_result li.group-item { padding-left: 1em } .autocomplete_result_area .combobox_navi { font-size: 12px; background: #FFF; height: 40px } .autocomplete_result_area .combobox_navi .nav-tabs { background: #eee } .autocomplete_result_area .combobox_navi .nav-tabs .combobox-tab { cursor: pointer } .autocomplete_result_area .combobox_navi_reserve { font-size: 12px; background: #eee; height: 40px } .autocomplete_result_area .combobox_navi_reserve .nav-tabs-reverse { border-bottom: 0; border-top: 1px solid #ddd; background: #eee } .autocomplete_result_area .combobox_navi_reserve .nav-tabs-reverse li { margin-bottom: 0; margin-top: -1px; float: left } .autocomplete_result_area .combobox_navi_reserve .nav-tabs-reverse li a { line-height: 20px; border: 1px solid transparent; border-radius: 0px 0px 5px 5px; padding: 8px 12px; cursor: pointer } .autocomplete_result_area .combobox_navi_reserve .nav-tabs-reverse .active a { color: #555; cursor: default; background-color: #fff; border: 1px solid #ddd; border-top-color: transparent } .blue-content-area #search_terms { margin-bottom: 12px } .blue-content-area #search_terms select { margin: 0 } .blue-content-area #pdf_btns { margin-bottom: 12px; position: relative } .blue-content-area #pdf_btns span { position: absolute; top: 5px; margin-left: 6px } .btn-info:hover { color: #333; text-shadow: 0 0px 0 transparent } .btn-info[disabled] { background-color: #f8f8f8; color: #333; cursor: not-allowed } .btn-info[disabled]:hover { background-color: #f8f8f8 } .btn-group .btn { padding: 4px 10px; margin-bottom: 0; font-size: 13px; line-height: 18px; color: #333; text-align: center; text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75); vertical-align: middle; background-color: #f5f5f5; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) fadein(rgba(0, 0, 0, 0.1), 15%); border: 1px solid #ccc } .btn-group .btn:active, .btn-group .btn:focus { z-index: auto } .btn-group .btn:hover { background-color: #e9e9e9; z-index: auto } .btn-group .btn.active { background-color: #F0F0F0; box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.2) inset; z-index: auto } .btn-hide { display: none !important } .btn-area { overflow: hidden; *zoom: 1 } .btn-area .btn { margin-right: 5px; float: left } .btn-area .btn-mini { margin-top: 5px } .btn-once[alreadyclicked=true] { background: #D6D6D6; border: #A6A6A6 } .btn-once[alreadyclicked=true]:hover { background: #D6D6D6; border: #A6A6A6 } .btn.btn-single-sign-on, .single-sign-on-button { color: #fff; font-weight: normal; background-color: #3498db } .btn.btn-single-sign-on:hover, .single-sign-on-button:hover { color: #fff; text-decoration: none } .btn.btn-single-sign-on.google, .google.single-sign-on-button { background-color: #3498db } .btn.btn-single-sign-on.google:hover, .google.single-sign-on-button:hover { background-color: #45a1de } .btn.btn-single-sign-on.facebook, .facebook.single-sign-on-button { background-color: #3865a0 } .btn.btn-single-sign-on.facebook:hover, .facebook.single-sign-on-button:hover { background-color: #3d6faf } .btn.btn-single-sign-on.microsoft, .microsoft.single-sign-on-button { background-color: #0078d6 } .btn.btn-single-sign-on.microsoft:hover, .microsoft.single-sign-on-button:hover { background-color: #0083ea } .btn.btn-single-sign-on.office365, .office365.single-sign-on-button { background-color: #eb3c00 } .btn.btn-single-sign-on.office365:hover, .office365.single-sign-on-button:hover { background-color: #ff4100 } .single-sign-on-button { box-sizing: border-box; display: inline-block; text-align: center; padding: 12px 16px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.2); -moz-box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.2); box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.2); font-size: 16px } .fade-btn { background-color: #eaeaea; border: none; color: #000; cursor: pointer; outline: 0; font-size: 16px; width: 140px; height: 42px; padding: 4px 12px; position: relative; z-index: 0; text-align: center; display: inline-block } .fade-btn:not(button) { line-height: 42px } .fade-btn:hover, .fade-btn:focus, .fade-btn:active { text-decoration: none } .fade-btn.sweep-right:after { -webkit-transform: scaleX(0.05); -moz-transform: scaleX(0.05); -ms-transform: scaleX(0.05); -o-transform: scaleX(0.05); transform: scaleX(0.05); -webkit-transform-origin: 0% 50%; -moz-transform-origin: 0% 50%; -ms-transform-origin: 0% 50%; -o-transform-origin: 0% 50%; transform-origin: 0% 50%; content: ''; top: 0; left: 0; right: 0; bottom: 0; position: absolute; z-index: -1; background-color: #39d } .fade-btn.sweep-right:hover, .fade-btn.sweep-right.selected { color: #fff; -webkit-transition: all 0.15s linear; -moz-transition: all 0.15s linear; -o-transition: all 0.15s linear; transition: all 0.15s linear } .fade-btn.sweep-right:hover:after, .fade-btn.sweep-right.selected:after { -webkit-transition: all 0.15s linear; -moz-transition: all 0.15s linear; -o-transition: all 0.15s linear; transition: all 0.15s linear; -webkit-transform: scaleX(1); -moz-transform: scaleX(1); -ms-transform: scaleX(1); -o-transform: scaleX(1); transform: scaleX(1) } .fade-btn.sweep-right.selected:after { background: #06a } .card-ui { margin: 15px 0 10px; border-radius: 3px; background-color: #FFF; border: 1px solid #e3e3e3 } .card-ui .inner { padding: 10px 20px; overflow: hidden; line-height: 1.7 } .card-ui .inner .shortcuts { float: right } .card-ui .inner .title { font-weight: bold } .card-ui .inner .title, .card-ui .inner .description { display: inline-block; margin-right: 16px; font-size: 17px; color: #747474; vertical-align: middle } .card-ui .inner .title.full-size { width: 100% } .card-ui .inner .title .link-icon { display: inline-block; width: 26px; color: inherit; text-decoration: none; text-align: center } .card-ui .inner .title .link-icon:hover { background-color: #f8f8f8; border-radius: 3px; color: #bcbcbc } .card-ui .inner ul { margin: 4px 0 } .card-ui .inner ul li { display: block; margin-bottom: 10px; list-style: none } .card-ui .inner ul li.subject, .card-ui .inner ul li.description, .card-ui .inner ul li.link-message { color: #333; font-size: 13px } .card-ui .inner ul li.link-message, .card-ui .inner ul li.description { padding-left: 132px } .card-ui .inner ul li.subject, .card-ui .inner ul li.description { margin-bottom: 4px } .card-ui .inner ul li .published-time { display: inline-block; margin: 0 6px 0 0; color: #9f9f9f } .card-ui .inner ul li .info-type { display: inline-block; margin: 0 6px; border-radius: 50%; height: 10px; width: 10px } .card-ui .inner ul li .info-type.type-alert { background-color: #c7243a } .card-ui .inner ul li .info-type.type-info { background-color: #fbb03b } .card-ui .inner ul li .info-type.type-update { background-color: #22BE99 } .card-ui .inner ul li .info-type.type-campaign { background-color: #8ec2e7 } .card-ui .inner ul.todo { margin-top: 10px; margin-bottom: 20px } .card-ui .inner ul.todo li { overflow: hidden } .card-ui .inner ul.todo li a { color: inherit } .card-ui .inner ul.todo li a:focus { outline: 0 } .card-ui .inner ul.todo li .item { display: inline-block; margin: 2px 0 0; color: #747474 } .card-ui .inner ul.todo li .item .icon-fr-arrow-right { margin-left: 10px } .card-ui .inner ul.todo li img.done { float: left; margin: 0 10px 0 0; width: 20px } .card-ui .inner .count { border-radius: 3px; padding: 5px 8px; background-color: #ff7e00; color: #FFF; font-size: 16px; font-weight: bold } .card-ui .inner .count:hover { background-color: #ffb164; text-decoration: none } .card-ui .inner .action { display: inline-block } .card-ui .inner .details-link { float: right; font-size: 13px } .card-ui .inner .details-link a { color: inherit } .card-ui .inner .items { display: block } .card-ui .inner .items:after { content: ""; display: block; clear: both } .card-ui .inner .items.address { width: 600px } .card-ui .inner .items .item { display: block; float: left; margin: 0 20px 10px 0 } .card-ui .inner .items .item .item-title { font-size: 11px; color: #969696 } .card-ui .inner .items .item .item-link, .card-ui .inner .items .item .item-description { display: inline-block; font-size: 13px } .card-ui .inner .items .item .item-description { color: #747474 } .card-ui .delimiter { margin-bottom: 10px; border-top: 1px dashed #e6e6e6 } .card-ui .preparation-completed { text-align: center } .card-ui .preparation-completed .arrow-down { display: inline-block; transform: rotate(90deg); color: #43b1e8; font-size: 22px } .card-ui .preparation-completed .completed-title { margin-bottom: 10px; font-size: 20px; line-height: 1.1; color: #747474 } .card-ui .preparation-completed .completed-msg { font-size: 13px; line-height: 1.7; color: #747474 } .card-ui .empty-image { position: relative; text-align: center } .card-ui .empty-image .image-position { position: absolute; width: 100%; text-align: center } .card-ui .empty-image .description { position: absolute; display: block; width: 100%; margin: 0; top: 80px; font-size: 24px; font-weight: bold; color: #2a2a2a; text-align: center } .card-ui .empty-image .action { position: absolute; display: block; width: 100%; top: 120px; text-align: center } .card-ui .empty-image.empty-advisor { height: 120px } .card-ui .empty-image.empty-advisor .image-position { top: 1px; left: 10px; text-align: left } .card-ui .empty-image.empty-advisor .description { top: 10px } .card-ui .empty-image.empty-advisor .action { top: 50px } .card-ui .empty-image.empty-deals { height: 222px } .card-ui .empty-image.empty-deals .image-position { top: 1px; text-align: left } .card-ui .empty-image.empty-deals .image-position img { height: 221px } .card-ui table.upcoming-deals, .card-ui table.recent-deals { width: 100% !important } .card-ui table.upcoming-deals thead tr, .card-ui table.recent-deals thead tr { background-color: transparent !important; border: none !important; border-bottom: 1px solid #e6e6e6 } .card-ui table.upcoming-deals thead tr th, .card-ui table.recent-deals thead tr th { padding: 10px 12px 12px !important; color: #969696 !important; text-align: left; font-weight: normal } .card-ui table.upcoming-deals thead tr th:first-child, .card-ui table.recent-deals thead tr th:first-child { padding: 10px 12px 10px 20px !important } .card-ui table.upcoming-deals thead tr th.amount, .card-ui table.recent-deals thead tr th.amount { width: 80px !important; text-align: right } .card-ui table.upcoming-deals thead tr th.payment-date, .card-ui table.upcoming-deals thead tr th.issue-date, .card-ui table.recent-deals thead tr th.payment-date, .card-ui table.recent-deals thead tr th.issue-date { width: 80px !important } .card-ui table.upcoming-deals thead tr th.account-item, .card-ui table.recent-deals thead tr th.account-item { width: 70px !important } .card-ui table.upcoming-deals tbody tr, .card-ui table.recent-deals tbody tr { background-color: transparent !important; border: none !important; border-bottom: 1px dashed #e6e6e6 } .card-ui table.upcoming-deals tbody tr:last-child, .card-ui table.recent-deals tbody tr:last-child { border-bottom: none } .card-ui table.upcoming-deals tbody tr:hover, .card-ui table.recent-deals tbody tr:hover { background-color: #f5f5f5 !important } .card-ui table.upcoming-deals tbody tr td, .card-ui table.recent-deals tbody tr td { padding: 10px 12px 12px !important } .card-ui table.upcoming-deals tbody tr td:first-child, .card-ui table.recent-deals tbody tr td:first-child { padding: 10px 12px 10px 20px !important } .card-ui table.upcoming-deals tbody tr td.payment-date, .card-ui table.upcoming-deals tbody tr td.issue-date, .card-ui table.recent-deals tbody tr td.payment-date, .card-ui table.recent-deals tbody tr td.issue-date { text-align: left !important } .card-ui table.upcoming-deals tbody tr td.amount, .card-ui table.recent-deals tbody tr td.amount { white-space: nowrap; text-align: right } .card-ui table.upcoming-deals tbody tr td.account-item, .card-ui table.recent-deals tbody tr td.account-item { width: 70px !important; text-align: left !important } .card-ui table.upcoming-deals tbody tr td.account-item, .card-ui table.upcoming-deals tbody tr td.partner-name, .card-ui table.recent-deals tbody tr td.account-item, .card-ui table.recent-deals tbody tr td.partner-name { white-space: nowrap; overflow: hidden; text-overflow: ellipsis } .card-ui table.upcoming-deals tbody tr td.account-item span, .card-ui table.upcoming-deals tbody tr td.partner-name span, .card-ui table.recent-deals tbody tr td.account-item span, .card-ui table.recent-deals tbody tr td.partner-name span { display: inline-block; font-size: 12px; padding: 1px; margin: 1px; border-radius: 2px; color: #666 } .card-ui table.upcoming-deals tbody tr td.next-deals, .card-ui table.recent-deals tbody tr td.next-deals { text-align: center; padding: 18px 12px 12px !important } .card-ui table.upcoming-deals tbody tr td.next-deals a, .card-ui table.recent-deals tbody tr td.next-deals a { color: inherit } .card-ui table.upcoming-deals .deal-origin, .card-ui table.recent-deals .deal-origin { width: 60px } .card-ui table.upcoming-deals .deal-origin .income, .card-ui table.upcoming-deals .deal-origin .expense, .card-ui table.upcoming-deals .deal-origin .transfer, .card-ui table.recent-deals .deal-origin .income, .card-ui table.recent-deals .deal-origin .expense, .card-ui table.recent-deals .deal-origin .transfer { display: inline-block; width: 30px; padding: 2px 4px; border-radius: 6px; color: #fff; font-size: 11px; text-align: center } .card-ui table.upcoming-deals .deal-origin .income, .card-ui table.recent-deals .deal-origin .income { background-color: #208dc3 } .card-ui table.upcoming-deals .deal-origin .expense, .card-ui table.recent-deals .deal-origin .expense { background-color: #c7243a } .card-ui table.upcoming-deals .deal-origin .transfer, .card-ui table.recent-deals .deal-origin .transfer { width: 52px; background-color: #e39622 } .card-footer { text-align: center; height: 48px; line-height: 48px; vertical-align: middle; font-size: 14px } table>thead>tr>th.comment-cell, table>tbody>tr>td.comment-cell, table>tfoot>tr>td.comment-cell, table>tfoot>tr>th.comment-cell, table.list-table>thead>tr>th.comment-cell, table.list-table>tbody>tr>td.comment-cell, table.list-table>tfoot>tr>td.comment-cell, table.list-table>tfoot>tr>th.comment-cell { text-align: center; width: 60px } table>thead>tr>th.invoice-comment-cell, table>tbody>tr>td.comment-cell, table>tfoot>tr>td.comment-cell, table>tfoot>tr>th.comment-cell, table.list-table>thead>tr>th.comment-cell, table.list-table>tbody>tr>td.comment-cell, table.list-table>tfoot>tr>td.comment-cell, table.list-table>tfoot>tr>th.comment-cell { text-align: center; width: 90px } table>thead>tr>th .comment-with-notification-batch .notification-count, table>tbody>tr>td .comment-with-notification-batch .notification-count, table>tfoot>tr>td .comment-with-notification-batch .notification-count, table>tfoot>tr>th .comment-with-notification-batch .notification-count, table.list-table>thead>tr>th .comment-with-notification-batch .notification-count, table.list-table>tbody>tr>td .comment-with-notification-batch .notification-count, table.list-table>tfoot>tr>td .comment-with-notification-batch .notification-count, table.list-table>tfoot>tr>th .comment-with-notification-batch .notification-count { padding: 0 3px; border-radius: 3px; margin-left: 3px; min-width: 13px; z-index: 1; font-size: 10px; color: #fff; text-align: center; background-color: #c7243a } table>thead>tr>th .comment-with-notification-batch .icon-comments-alt, table>tbody>tr>td .comment-with-notification-batch .icon-comments-alt, table>tfoot>tr>td .comment-with-notification-batch .icon-comments-alt, table>tfoot>tr>th .comment-with-notification-batch .icon-comments-alt, table.list-table>thead>tr>th .comment-with-notification-batch .icon-comments-alt, table.list-table>tbody>tr>td .comment-with-notification-batch .icon-comments-alt, table.list-table>tfoot>tr>td .comment-with-notification-batch .icon-comments-alt, table.list-table>tfoot>tr>th .comment-with-notification-batch .icon-comments-alt { font-size: 16px } table>thead>tr>th.important-cell, table>tbody>tr>td.important-cell, table>tfoot>tr>td.important-cell, table>tfoot>tr>th.important-cell, table.list-table>thead>tr>th.important-cell, table.list-table>tbody>tr>td.important-cell, table.list-table>tfoot>tr>td.important-cell, table.list-table>tfoot>tr>th.important-cell { width: 30px; text-align: center } table>thead>tr>th.invoice-important-cell, table>tbody>tr>td.important-cell, table>tfoot>tr>td.important-cell, table>tfoot>tr>th.important-cell, table.list-table>thead>tr>th.important-cell, table.list-table>tbody>tr>td.important-cell, table.list-table>tfoot>tr>td.important-cell, table.list-table>tfoot>tr>th.important-cell { width: 60px; text-align: center } table>tbody>tr>td .icon-star, table>tfoot>tr>td .icon-star, table.list-table>tbody>tr>td .icon-star, table.list-table>tfoot>tr>td .icon-star { color: #fab707 } table>thead>tr>th .icon-star, table.list-table>thead>tr>th .icon-star { color: #333 } #csv_upload_page { background: #FFF; padding: 10px 20px 20px; border: 1px solid #E3E3E3 } #csv_upload_page h1 { font-size: 18px; border-bottom: 1px solid #E3E3E3; padding: 0 } #csv_upload_page #process_breadcrumb { padding: 10px 0; border-bottom: 1px solid #E3E3E3 } #csv_upload_page #process_breadcrumb span { font-weight: bolder; color: #b2cf3e } #csv_upload_page .form-horizontal { padding: 10px 0 0 } #csv_upload_page .form-horizontal h2 { font-size: 16px } #csv_upload_page .form-horizontal .fake-input { position: relative; border: 1px solid #E3E3E3; background: #F0F0F0; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; width: 350px; color: #A6A6A6; line-height: 60px; font-weight: bold; padding: 0 6px; overflow: hidden } #csv_upload_page .form-horizontal .fake-input1 { position: relative; border: 1px solid #E3E3E3; background: #F0F0F0; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; width: 350px; color: #A6A6A6; line-height: 60px; font-weight: bold; padding: 0 6px; overflow: hidden } #csv_upload_page .form-horizontal .fake-text { background: #dfecaa; color: #a4c520; border: 1px solid #c0d860 } #csv_upload_page .form-horizontal .fake-click-drag { background: #F0F0F0; color: #A6A6A6; border: 1px solid #E3E3E3 } #csv_upload_page .form-horizontal .input-file-ch-sa, #csv_upload_page .form-horizontal .input-file-fi { position: absolute; top: 0; left: 0; opacity: 0; width: 350px; height: 60px } #csv_upload_page .form-horizontal #csv_process2 { margin-bottom: 16px } #csv_upload_page .form-horizontal form { padding: 0 0px } #csv_upload_page .form-horizontal form h3 { font-size: 14px } #csv_upload_page .form-horizontal form .btn { margin-top: 20px } #csv_upload_page .form-horizontal #preview_title { margin-top: 10px } #csv_upload_page .form-horizontal .preview { width: 900px; height: 200px; overflow: scroll; border: 1px solid #E3E3E3; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px } #csv_upload_page .form-horizontal .preview .table { margin: 0; border: none } #csv_upload_page .form-horizontal .preview .table td:nth-child(1) { border-left: 0 } #csv_upload_page.page3 .column-rule-partition { border-top: 1px double #E3E3E3 } #csv_upload_page.page3 select { width: 140px } #csv_upload_page.page3 #csv_message { font-weight: bolder; line-height: 66px; margin-left: 10px } #csv_upload_page.page3 #csv_message #csv_message_remain { color: #c7243a } #csv_upload_page.page3 #csv_message #csv_message_alert { color: #c7243a; display: none } div.row, div.span1, div.span2, div.span3, div.span4, div.span5, div.span6, div.span7, div.span8, div.span9, div.span10, div.span11, div.span12 { margin: 0 } div.row { padding: 0 } .pagination, .sw-pagination { height: 32px; text-align: center } .pagination ul, .sw-pagination ul { padding-left: 0; font-size: 0; float: left; width: 85% } .sw-pagination span { margin-top: 8px; float: left } .pagination li, .sw-pagination li { display: inline; list-style: none } .sw-pagination label { display: inline; line-height: 20px } .pagination a, .sw-pagination a { display: inline-block; box-sizing: border-box; margin: 0 4px; width: 32px; height: 32px; border: 1px solid #fff; background-color: #fff; color: #333; font-size: 14px; line-height: 32px } .pagination a:hover, .sw-pagination a:hover, .pagination .active a, .sw-pagination .active a { text-decoration: underline; font-weight: bold } .pagination .disabled span, .sw-pagination .disabled span, .pagination .disabled a, .sw-pagination .disabled a, .pagination .disabled a:hover, .sw-pagination .disabled a:hover { color: #999; text-decoration: none; cursor: default } h1, h2, h3, h4, h5 { margin: 0 } input[type="submit"], input[type="reset"], input[type="button"] { height: auto } .sw-pagination { margin: 18px 0; height: 32px; text-align: center } .sw-pagination ul { margin: 0 auto; padding-left: 0; font-size: 0 } @media print { a[href]:after, abbr[title]:after { content: "" } } .float-left { float: left } .float-right { float: right } .top5px { margin-top: 5px } .right5px { margin-right: 5px } .left5px { margin-left: 5px } .bottom5px { margin-bottom: 5px } .top10px { margin-top: 10px } .right10px { margin-right: 10px } .left10px { margin-left: 10px } .bottom10px { margin-bottom: 10px } .top15px { margin-top: 15px } .right15px { margin-right: 15px } .left15px { margin-left: 15px } .bottom15px { margin-bottom: 15px } .top20px { margin-top: 20px } .right20px { margin-right: 20px } .left20px { margin-left: 20px } .bottom20px { margin-bottom: 20px } .top25px { margin-top: 25px } .right25px { margin-right: 25px } .left25px { margin-left: 25px } .bottom25px { margin-bottom: 25px } .top30px { margin-top: 30px } .right30px { margin-right: 30px } .left30px { margin-left: 30px } .bottom30px { margin-bottom: 30px } .top35px { margin-top: 35px } .right35px { margin-right: 35px } .left35px { margin-left: 35px } .bottom35px { margin-bottom: 35px } .top40px { margin-top: 40px } .right40px { margin-right: 40px } .left40px { margin-left: 40px } .bottom40px { margin-bottom: 40px } .top45px { margin-top: 45px } .right45px { margin-right: 45px } .left45px { margin-left: 45px } .bottom45px { margin-bottom: 45px } .top50px { margin-top: 50px } .right50px { margin-right: 50px } .left50px { margin-left: 50px } .bottom50px { margin-bottom: 50px } .top55px { margin-top: 55px } .right55px { margin-right: 55px } .left55px { margin-left: 55px } .bottom55px { margin-bottom: 55px } .top60px { margin-top: 60px } .right60px { margin-right: 60px } .left60px { margin-left: 60px } .bottom60px { margin-bottom: 60px } .top65px { margin-top: 65px } .right65px { margin-right: 65px } .left65px { margin-left: 65px } .bottom65px { margin-bottom: 65px } .top70px { margin-top: 70px } .right70px { margin-right: 70px } .left70px { margin-left: 70px } .bottom70px { margin-bottom: 70px } .top75px { margin-top: 75px } .right75px { margin-right: 75px } .left75px { margin-left: 75px } .bottom75px { margin-bottom: 75px } .bottom100px { margin-bottom: 100px } .ptop5px { padding-top: 5px } .pright5px { padding-right: 5px } .pleft5px { padding-left: 5px } .pbottom5px { padding-bottom: 5px } .ptop10px { padding-top: 10px } .pright10px { padding-right: 10px } .pleft10px { padding-left: 10px } .pbottom10px { padding-bottom: 10px } .ptop15px { padding-top: 15px } .pright15px { padding-right: 15px } .pleft15px { padding-left: 15px } .pbottom15px { padding-bottom: 15px } .ptop20px { padding-top: 20px } .pright20px { padding-right: 20px } .pleft20px { padding-left: 20px } .pbottom20px { padding-bottom: 20px } .ptop25px { padding-top: 25px } .pright25px { padding-right: 25px } .pleft25px { padding-left: 25px } .pbottom25px { padding-bottom: 25px } .width10px { width: 10px } .width30px { width: 30px } .width50px { width: 50px } .width60px { width: 60px } .width80px { width: 80px } .width100px { width: 100px } .width130px { width: 130px } .width140px { width: 140px } .width150px { width: 150px } .width170px { width: 170px } .width180px { width: 180px } .width190px { width: 190px } .width200px { width: 200px } .width250px { width: 250px } .width300px { width: 300px } .width400px { width: 400px } .width450px { width: 450px } .width500px { width: 500px } .width580px { width: 580px } .width600px { width: 600px } .width640px { width: 640px } .width100per { width: 100% } .border-dashed { border-top: 1px dashed #D6D6D6; width: 100%; height: 0 } .help-size1 i { font-size: 12px } .help-size2 i { font-size: 16px } .help-size3 i { font-size: 20px } h1>i { margin-right: 6px } .h1-description { font-size: 12px; line-height: 24px; border-bottom: 1px solid #ccc; margin: 0 0 20px; padding-bottom: 2px; font-weight: normal } .h1-description span { position: relative } .h1-description span i { font-size: 16px; position: absolute; display: block; top: 0; right: -1em } #search_menu div.search_menu_input { float: left; margin-right: 20px; margin-right: 8px; margin-bottom: 5px } #search_menu i.help { font-size: 15px } div.enable-approval-box { padding: 7px 10px; background: -owg-linear-gradient(top, #fcfcfc, #f2f2f2); background: -webkit-linear-gradient(top, #fcfcfc, #f2f2f2); background: -moz-linear-gradient(top, #fcfcfc, #f2f2f2); background: -o-linear-gradient(top, #fcfcfc, #f2f2f2); background: linear-gradient(top, #fcfcfc, #f2f2f2); position: relative; border-top: 1px solid #e3e3e3; background-color: #fff; min-height: 29px } div.alert { margin-bottom: 10px } div.alert ul { margin: 4px; list-style: inside } div.alert li { line-height: 20px } div.alert a { color: #cbe6f3 } div.alert.alert-error a { color: #08c } tr.show-jy-editor td, tr.show-transfer-editor td, tr.show-ob-jy-editor td { cursor: pointer } .shared-phone { width: 400px } .shared-phone input { width: 160px } .shared-phone .phone-dash { margin: 0 1px; float: left; line-height: 30px } .shared-address label { margin-bottom: 0 } .display-inline { display: inline } .become-form select { width: auto } .display-block { display: block } .display-none { display: none !important } .mobile.date-input { height: 26px } .mobile.input-date { height: 26px } .center { text-align: center } .center h1 { margin-bottom: 10px } p.coming-soon-img img { width: 300px } .nowrap { white-space: nowrap } input.entry-side-amount-input { border-width: 2px } .beta-field:after { content: ' beta'; color: #c7243a; font-size: 0.8em; vertical-align: bottom } input.required-input-error, select.required-input-error, textarea.required-input-error { background-color: #f9e2e5 !important; border: 1px #c7243a solid !important } td.column-rule-button { text-align: center } .delete_item { float: left } div.blue-edit-button { padding-bottom: 15px } .financial-statement h1 { text-align: center } .financial-statement h2 { text-align: center } .financial-statement h3 { text-align: center } .button-area { padding-top: 5px; padding-bottom: 5px } input[readonly] { cursor: text } input.input-inactive { background: #E3E3E3 } input.input-inactive:focus { background: #FFF } .btn-block, .input-block { width: 100% } .editor-input-minimum { width: 50px } .editor-input-mini { width: 66px } .editor-input-date { width: 72px } .editor-input-smaller { width: 80px } .editor-input-small { width: 100px } .editor-input-medium { width: 160px } .editor-input-long { width: 233px } .editor-icon { width: 10px } tr.bottom-less td input, tr.bottom-less td select, select.bottom-less, table.bottom-less, input.bottom-less { margin-bottom: 0 } .middle { vertical-align: middle } .input-tax { width: 53px } .input-date { width: 68px } .input-simple-description { width: 127px } .input-description { width: 280px } input.number { text-align: right; padding-right: 0\9 } input.number:not (:target) { padding-right: 0¥9 } div.row-left { width: 98%; float: left } div #tag_container { margin-top: -1px } .help.icon-question-sign, .help-balloon-icon.icon-question-sign { font-size: 20px; color: #999; text-decoration: none; cursor: pointer } i.help-small { font-size: 16px } i.help-red { color: #F00 } .cursor-pointer { cursor: pointer } .icon-remove:hover { color: #c7243a } .icon-copy:hover { color: #D6D6D6 } .icon-print:hover { color: #007ab7 } button .icon-remove:hover { color: inherit } .please-install-message { margin: 40px 0px 50px; font-size: 25px } .access_by_outdated_browser { margin: 100px 0px 90px 70px } .tax-calc-error-msg-area { font-size: 14px; background: #fff7aa; padding: 12px 12px 12px 20px; width: 600px; float: right; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; border: 1px solid #fe5 } .tax-calc-error-msg-area ul, .tax-calc-error-msg-area li { list-style: none; margin: 0 } .admin-home-system-company { background-color: #F6F6F6 } th.check_all_box { text-align: center; background-color: #e6939d } .disabled { opacity: 0.5 } .enabled { opacity: 1.0 } .hotkey_help, .shortcut-help { display: none; position: relative } .hotkey_help ul, .shortcut-help ul { width: 50%; margin: 0; padding: 0; list-style: none } .hotkey_help li, .shortcut-help li { display: block; padding: 3px 10px; font-size: 14px } .hotkey_help .hotkey_command, .shortcut-help .hotkey_command { display: inline-block; width: 80px; padding: 3px 5px; border-radius: 3px; background-color: #333; color: #fff; text-align: center } .hotkey_help .hotkey_desc, .shortcut-help .hotkey_desc { display: inline-block; padding: 3px 5px } .hotkey_help .close-trigger, .shortcut-help .close-trigger { position: absolute; bottom: 4px; right: 4px } .shortcut-help:after { content: ""; clear: both; display: block } .shortcut-help .hotkey_command { width: 100px } .action-btns { *zoom: 1; padding: 7px 10px; border: 1px solid #E3E3E3; border-bottom: none; background-color: #fafafa; background: -owg-linear-gradient(top, #fcfcfc, #f2f2f2); background: -webkit-linear-gradient(top, #fcfcfc, #f2f2f2); background: -moz-linear-gradient(top, #fcfcfc, #f2f2f2); background: -o-linear-gradient(top, #fcfcfc, #f2f2f2); background: linear-gradient(top, #fcfcfc, #f2f2f2) } .action-btns:after { content: ""; display: table; clear: both } .action-btns .btn { margin-right: 10px } .input-xmini { width: 30px } .input-xxmini { width: 15px } .nav-button-area { margin-bottom: 10px } .nav-button-area a { color: #555 } .nav-button-area a:hover { color: inherit; text-decoration: none } .page-break { display: block; clear: both; page-break-after: always } @media screen { .spacer-between-page { display: block; height: 30px } } .noTitleDialog .ui-dialog-titlebar { display: none } .fr-dropdown { position: relative } .fr-dropdown .fr-dropdown-toggle { position: relative } .fr-dropdown .fr-dropdown-toggle .menu-label { line-height: 22px } .fr-dropdown .fr-dropdown-menu { display: none; position: absolute; top: 100%; left: 0; z-index: 1000; min-width: 160px; margin: 0; list-style: none; border: 1px solid rgba(0, 0, 0, 0.2); padding: 7px 0 5px; background: #fff; border-radius: 0; box-shadow: 1px 1px 1px #E3E3E3 } .fr-dropdown .fr-dropdown-menu li { width: 100%; margin-left: 0 } .fr-dropdown .fr-dropdown-menu li.divider { height: 1px; margin: 8px 0; overflow: hidden; background-color: #e5e5e5 } .fr-dropdown .fr-dropdown-menu li.menu-item { padding: 3px 15px } .fr-dropdown .fr-dropdown-menu li a, .fr-dropdown .fr-dropdown-menu li span.no-link { display: block; color: #555; padding: 3px 15px; clear: both; white-space: nowrap; text-decoration: none; text-overflow: ellipsis; overflow: hidden } .fr-dropdown .fr-dropdown-menu li a:hover { color: #FFF; text-shadow: none; background: #3261AB; text-decoration: none } .fr-dropdown .fr-dropdown-menu li i { margin-right: 10px } .fr-dropdown .fr-dropdown-menu.help-list { width: 400px } .fr-dropdown .fr-dropdown-menu.help-list li { text-overflow: ellipsis; overflow: hidden; white-space: nowrap } .fr-dropdown .fr-dropdown-menu.help-list li.indented { padding-left: 10px } .fr-dropdown .fr-dropdown-menu.help-list li .message { padding-left: 13px; font-size: 12px } .fr-dropdown .fr-dropdown-menu.setting-list { min-width: 520px } .fr-dropdown .fr-dropdown-menu.setting-list li { width: 49%; display: inline-block } .fr-dropdown .fr-dropdown-menu.setting-list li.setting-list-category { position: relative; width: 100%; margin: 8px 0 6px } .fr-dropdown .fr-dropdown-menu.setting-list li.setting-list-category:before { content: ''; position: absolute; top: 50%; z-index: 1; display: block; width: 96%; height: 1px; background-color: #e5e5e5 } .fr-dropdown .fr-dropdown-menu.setting-list li.setting-list-category>span { position: relative; display: inline-block; padding: 0 8px 0 15px; background-color: #fff; font-size: 13px; font-weight: bold; z-index: 2 } .fr-dropdown.balloonized .fr-dropdown-menu { margin-top: 10px } .fr-dropdown.balloonized .fr-dropdown-menu:before { content: ""; position: absolute; border-bottom: 10px solid #ccc; border-left: 8px solid transparent; border-right: 8px solid transparent; top: -10px; right: 4px } .fr-dropdown.balloonized .fr-dropdown-menu>*:first-child:before { content: ""; position: absolute; border-bottom: 8px solid #fff; border-left: 6px solid transparent; border-right: 6px solid transparent; top: -8px; right: 6px } .fr-dropdown .btn.submenu { border: solid 1px #A6A6A6; padding: 1px 7px 0px; background-color: #F0F0F0; font-size: 12px; margin-top: 2px; color: #555 } .fr-dropdown .btn.submenu.import-export { border: 1px solid #c3c3c3 } .fr-dropdown .btn.submenu.import-export .icon { color: #666 } .empty-message { padding: 10px 20px 20px; min-width: 828px } .empty-message:after { content: ""; display: block; clear: both } .empty-message .feature { float: left; padding: 10px; width: 256px } .empty-message .feature:first-child { padding-left: 0 } .empty-message .feature:last-child { padding-right: 0 } .empty-message .feature h2 { font-size: 16px; display: block; font-weight: bold; border-bottom: 1px solid #e6e6e6; margin-bottom: 5px } .empty-message .feature h2 .index-number { font-size: 24px } .empty-message .feature .image { padding-top: 10px; text-align: center } .empty-message .feature .image .img { max-width: 256px } .empty-message .feature .app-download-links { padding: 5px } .empty-message .feature .app-download-links .googleplay-link img { height: 32px } .empty-message .feature .description { padding-top: 6px } .empty-message .feature .note { color: #a4a4a4; padding-top: 6px; font-size: 11px } .empty-message-wrapper { -webkit-box-shadow: #ccc 0 5px 10px 0; -moz-box-shadow: #ccc 0 5px 10px 0; box-shadow: #ccc 0 5px 10px 0; width: 878px; margin: 25px auto 0 } .error-tip { -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 1px 1px 5px #000; -moz-box-shadow: 1px 1px 5px #000; box-shadow: 1px 1px 5px #000; font-size: 13px; display: none; position: absolute; left: 0; top: 0; padding: 10px; width: auto; height: auto; min-width: 80px; max-width: 300px; color: #F6F6F6; background: #9e2c2c; text-align: left; z-index: 2003 } .error-tip:after { content: ""; position: absolute; bottom: -8px; left: 20%; margin-left: -8px; display: block; width: 0; height: 0; border-style: solid; border-width: 8px 8px 0 8px; border-color: #9e2c2c transparent transparent transparent } .filter_menu { margin-bottom: 10px; padding: 10px 10px 0px; *zoom: 1 } .filter_menu:after { content: ""; display: table; clear: both } .filter_menu .filter_menu_row { *zoom: 1 } .filter_menu .filter_menu_row:after { content: ""; display: table; clear: both } .filter_menu .filter_menu_row .text_label { padding-top: 1px; margin-bottom: 7px } .filter_menu .span2 select { width: 100px } #filter_menu_toggle_wrap { position: relative; margin: 15px 0; height: 0; border-bottom: 1px dotted #E3E3E3; text-align: center } #filter_menu_toggle { position: absolute; top: -10px; display: inline-block; padding: 3px 10px 2px; border: 1px solid #E3E3E3; border-radius: 3px; background-color: #FFF } #filter_menu_toggle:hover { background-color: #F0F0F0; text-decoration: none } #filter_menu_advanced { display: none } .responsive #breadcrumb { display: none } .final-return .final-return-title, .final-return .inner-title { margin: 38px auto 0; text-align: center } .webapp .final-return .final-return-title, .webapp .final-return .inner-title { width: 600px } .final-return .final-return-title h1, .final-return .inner-title h1 { font-size: 30px; margin: 14px auto } .final-return .final-return-title .desc, .final-return .inner-title .desc { font-size: 14px } .final-return .final-return-steps { margin: 20px auto 0 } .final-return .inner-content { margin: 20px auto; position: relative } .final-return .inner-content .advisor-content { position: fixed; right: 50px; bottom: 10% } .final-return .inner-content .advisor-content .react-tooltip-base { bottom: 80px } .final-return .inner-content .advisor-content .react-tooltip-inner { padding: 4px 8px; min-width: 0 } .final-return .inner-content .advisor-content img { margin: 60px 0 0 37px; width: 80px } .final-return .inner-content .advisor-content a { position: relative; color: inherit } @media screen and (max-width:1200px) { .final-return .inner-content .advisor-content { display: none } } .final-return .next-step { text-decoration: none } .final-return .btn-next { margin: 0 auto; min-width: 120px; height: 48px; display: block; font-size: 16px } .final-return .errors { -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; background-color: #ffebe8; width: 100%; margin: 5px auto 15px; padding: 2px 0; font-size: 14px } .final-return .errors ul { margin: 0; padding: 10px 5px 10px 25px } .help-icon i { font-size: 17px; color: #777; vertical-align: middle } .help-icon i.icon-fr-check { color: #5cac00 } .help-icon i.icon-fr-warning { color: #e39622 } .required-label { -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; display: inline-block; color: #fff; background-color: #c7243a; font-size: 10px; padding: 1px 6px; margin: 0 2px } .partition { height: 18px; margin: 20px 0 4px } .partition hr { position: relative } .partition hr:nth-of-type(1) { left: -21px } .partition hr:nth-of-type(2) { right: -21px; top: -20px } .partition .partition-desc { position: relative; margin: 0 auto; background-color: #fff; font-size: 14px; text-align: center; top: -49px; width: 300px } .publishing-spinner { display: inline-block; margin-left: 2px; font-size: 15px; -webkit-animation: publishing-spinner 1s linear infinite; -moz-animation: publishing-spinner 1s linear infinite; -o-animation: publishing-spinner 1s linear infinite; animation: publishing-spinner 1s linear infinite } @-webkit-keyframes publishing-spinner { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg) } 100% { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg) } } @-moz-keyframes publishing-spinner { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg) } 100% { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg) } } @-o-keyframes publishing-spinner { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg) } 100% { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg) } } @keyframes publishing-spinner { 0% { -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg) } 100% { -webkit-transform: rotate(360deg); -moz-transform: rotate(360deg); -ms-transform: rotate(360deg); -o-transform: rotate(360deg); transform: rotate(360deg) } } @media screen and (max-width:768px) { .flash-alert .alert-middler .alert-inner { width: 100% } } .form-horizontal { padding: 5px } .date-select-wrapper select { width: 80px; margin-right: 10px } .date-select-wrapper select:last-child { margin-right: auto } .standard-form .fields { margin-bottom: 16px } .standard-form .fields:last-child { margin-bottom: 0 } .standard-form .fields:after { content: ""; clear: both; display: block } .standard-form .fields .field { position: relative; float: left; margin-right: 9px } .standard-form .fields .field .field-caption-icon { position: absolute; right: 6px; bottom: 8px } .standard-form .fields .field:last-child { margin-right: 0 } .standard-form .fields .field label, .standard-form .fields .field .label-substitute { display: block; margin: 0; padding-bottom: 4px } .standard-form .fields .field select { height: 28px } .standard-form .fields .field input, .standard-form .fields .field select { margin: 0 } .standard-form .fields .field.field-right { float: right } .standard-form .fields .field.field-compact label, .standard-form .fields .field.field-compact .label-substitute { display: inline-block; vertical-align: middle; text-align: right; padding: 0 4px 0 0 } .standard-form .fields .field.field-compact input, .standard-form .fields .field.field-compact select { display: inline-block; vertical-align: middle } .standard-form .fields .field.field-compact .btn-group { display: inline-block; vertical-align: middle } .standard-form .fields .field.field-compact .combobox { display: inline-block; vertical-align: middle } .standard-form .fields .field.field-compact .combobox-label { margin-top: 5px; display: inline-block; vertical-align: top } .standard-form .fields .field.field-compact .combobox-label .name { vertical-align: middle } .standard-form .fields .field.field-without-label:before { display: block; content: "\a0"; padding-bottom: 4px } .standard-form .fields .field.field-without-label a.clear-query { display: inline-block; vertical-align: middle; margin-top: 5px } .standard-form .fields .field.field-date input { width: 90px } .standard-form .fields .field.field-currency input { width: 90px } .standard-form .fields .field.field-date-pair .field { margin-right: 0 } .standard-form .fields .field.field-date-pair input { width: 90px } .standard-form .fields .field.field-date-pair .date-separator { float: left; padding: 6px 4px 0 } .standard-form .fields .field.field-date-pair .date-separator:before { display: block; content: "\a0"; padding-bottom: 4px } .standard-form .fields .field.field-date-pair.field-compact .date-separator:before { content: none } .standard-form .fields .field.field-walletable-select select { width: 150px } .standard-form .fields .field.field-entry-side-select select { width: 90px } .standard-form .fields .field.field-tax-select select { width: 110px } .standard-form .fields .field.zipcode-field input { width: 80px } .standard-form .fields .field.prefecture-field select { width: 120px } .standard-form .fields .field.phone-field input { width: 80px } .standard-form .fields .field.address-line-field input { width: 400px } .standard-form .fields .field.meta-control { float: right } .standard-form .fields .field.radio-field .radio-wrapper, .standard-form .fields .field.radio-field .checkbox-wrapper, .standard-form .fields .field.checkbox-field .radio-wrapper, .standard-form .fields .field.checkbox-field .checkbox-wrapper { float: left; padding: 0 4px 0 0 } .standard-form .fields .field.radio-field .label-wrapper, .standard-form .fields .field.checkbox-field .label-wrapper { display: inline-block; padding: 2px 0 0 } .required-field:after { content: '\5fc5\9808'; color: #fff; background-color: #d9534f; font-size: 10px; padding: 2px; font-weight: bolder; margin-left: 2px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; border-radius: 10px; display: inline-block; line-height: 10px; vertical-align: baseline } .error-CA-E-0006:after { content: '密码错误'; color: #fff; background-color: #d9534f; font-size: 10px; padding: 4px 3px 3px 4px; font-weight: bolder; margin-left: 2px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; border-radius: 8px; display: inline-block; line-height: 10px; vertical-align: baseline } .error-CA_E_1001:after { content: '国税未开户'; color: #fff; background-color: #d9534f; font-size: 10px; padding: 4px 3px 3px 4px; font-weight: bolder; margin-left: 2px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; border-radius: 8px; display: inline-block; line-height: 10px; vertical-align: baseline } .error-CA_E_1002:after { content: '地税未开户'; color: #fff; background-color: #d9534f; font-size: 10px; padding: 4px 3px 3px 4px; font-weight: bolder; margin-left: 2px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; border-radius: 8px; display: inline-block; line-height: 10px; vertical-align: baseline } .SBWCQKB_LSB:after { content: '零'; color: #fff; background-color: #4b79c3; font-size: 10px; padding: 3px; font-weight: bolder; margin-left: 2px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; border-radius: 8px; display: inline-block; line-height: 10px; vertical-align: baseline } .ry_bmd:after { content: '白名单'; color: #fff; background-color: #03b3e7; font-size: 10px; padding: 4px 3px 3px 4px; font-weight: bolder; margin-left: 2px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; border-radius: 8px; display: inline-block; line-height: 10px; vertical-align: baseline } .already_check_out:after { content: '已结账'; color: #fff; background-color: #39d; font-size: 13px; padding: 6px 6px 4px 6px; font-weight: bolder; margin-left: 2px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; border-radius: 5px; display: inline-block; line-height: 10px; vertical-align: baseline } .icor-xxfp:after { content: '销'; color: #fff; background-color: #4b79c3; font-size: 12px; padding: 2px; font-weight: bolder; margin-left: 2px; -webkit-border-radius: 12px; -moz-border-radius: 12px; -ms-border-radius: 12px; -o-border-radius: 12px; border-radius: 12px; display: inline-block; line-height: 12px; vertical-align: baseline } .icor-ch-alias:after { content: '别'; color: #fff; background-color: #4b79c3; font-size: 12px; padding: 2px; font-weight: bolder; margin-left: 2px; -webkit-border-radius: 12px; -moz-border-radius: 12px; -ms-border-radius: 12px; -o-border-radius: 12px; border-radius: 12px; display: inline-block; line-height: 12px; vertical-align: baseline } .simple-required-field:after { content: '*'; color: #d9534f; font-size: 12px; margin-left: 2px; display: inline-block; line-height: 10px; vertical-align: middle } .input-account-item { width: 200px } @media screen and (max-width:768px) { .responsive .form-card input[type="email"], .responsive .form-card input[type="password"], .responsive .form-card input[type="text"] { width: 240px } } .modal-content.usage { width: 710px; background: transparent } .modal-content.usage .header { background-color: #6c94d8; color: #FFF; position: relative } .modal-content.usage .header a.close-button { color: #FFF } .modal-content.usage .header .headlines { position: absolute; bottom: 3px; right: 44px; font-size: 14px } .modal-content.usage .header .headlines ul { list-style: none; margin: 0; padding: 0 } .modal-content.usage .header .headlines ul li.tab { background: #FFF; -moz-border-radius-topleft: 6px; -webkit-border-top-left-radius: 6px; border-top-left-radius: 6px; -moz-border-radius-topright: 6px; -webkit-border-top-right-radius: 6px; border-top-right-radius: 6px; margin: 0 0 0 12px; padding: 6px 12px 3px; font-weight: normal; text-align: center; display: inline; border: 2px solid #E3E3E3 } .modal-content.usage .header .headlines ul li.tab a { display: inline-block; color: #A6A6A6 } .modal-content.usage .header .headlines ul li.tab a:hover { text-decoration: none } .modal-content.usage .header .headlines ul li.tab.active { border-bottom-color: #FFF; -webkit-box-shadow: 0px -2px 10px 0px rgba(255, 255, 255, 0.4); -moz-box-shadow: 0px -2px 10px 0px rgba(255, 255, 255, 0.4); box-shadow: 0px -2px 10px 0px rgba(255, 255, 255, 0.4) } .modal-content.usage .header .headlines ul li.tab.active a { font-weight: bold; color: #555 } .modal-content.usage .body { background-color: #fff } .modal-content.usage .body .panel-frame { position: relative } .modal-content.usage .body .panel-frame .panel-wrapper { position: relative; overflow: hidden; width: 680px; height: 280px } .modal-content.usage .body .panel-frame .usage-panel { position: absolute; background: #FFF; width: 680px; height: 280px } .modal-content.usage .body .panel-frame .usage-panel .panel-inner { display: table } .modal-content.usage .body .panel-frame .usage-panel .panel-inner .panel-image, .modal-content.usage .body .panel-frame .usage-panel .panel-inner .panel-content { display: table-cell; vertical-align: middle } .modal-content.usage .body .panel-frame .usage-panel .panel-inner .panel-image { width: 340px; height: 280px } .modal-content.usage .body .panel-frame .usage-panel .panel-inner .panel-image img { max-height: 280px; width: 340px } .modal-content.usage .body .panel-frame .usage-panel .panel-inner .panel-content { color: #555; padding: 0 10px; min-width: 315px; height: 280px } .modal-content.usage .body .panel-frame .usage-panel .panel-inner .panel-content .title { font-size: 22px; font-weight: bold; margin-bottom: 20px } .modal-content.usage .body .panel-frame .next-trigger, .modal-content.usage .body .panel-frame .prev-trigger { cursor: pointer; position: absolute; height: 280px; width: 25px; top: 0 } .modal-content.usage .body .panel-frame .next-trigger { right: -15px } .modal-content.usage .body .panel-frame .prev-trigger { left: -15px } .modal-content.usage .footer { background-color: #fff; position: relative } .modal-content.usage .footer .status { font-size: 14px; min-width: 80px; margin: 0 12px; display: inline-block } .modal-content.usage .footer .btn { min-width: 80px } .modal-content.usage .footer:after { content: ""; display: block; clear: both } .modal-content.usage.mobile { overflow: hidden; width: auto } .modal-content.usage.mobile .header .headlines { display: none } .modal-content.usage.mobile .body { box-sizing: border-box; padding-bottom: 1px } .modal-content.usage.mobile .body .panel-frame .panel-wrapper { width: auto; height: auto; overflow: visible } .modal-content.usage.mobile .body .panel-frame .usage-panel { display: block; width: auto; height: auto } .modal-content.usage.mobile .body .panel-frame .usage-panel .panel-inner { display: block } .modal-content.usage.mobile .body .panel-frame .usage-panel .panel-inner .panel-image, .modal-content.usage.mobile .body .panel-frame .usage-panel .panel-inner .panel-content { display: block; width: auto; height: auto; padding: 0 0 4px } .modal-content.usage.mobile .body .panel-frame .usage-panel .panel-inner .panel-content { height: auto; min-width: 0 } .modal-content.usage.mobile .body .panel-frame .prev-trigger, .modal-content.usage.mobile .body .panel-frame .next-trigger { display: none } .modal-content.usage.mobile .footer .status { display: none } .modal-content.usage.mobile.portrait .body .panel-frame .usage-panel .panel-content h2.title { font-size: 18px; margin: 0 0 10px } .modal-content.usage.mobile.portrait .body .panel-frame .usage-panel .panel-content .panel-body { font-size: 11px; padding: 0 0 10px } .modal-content.usage.mobile.portrait .body .panel-frame .usage-panel .panel-image { padding: 4px } .modal-content.usage.mobile.portrait .body .panel-frame .usage-panel .panel-image img { max-width: 100%; max-height: 280px; width: 340px } .modal-content.usage.mobile.landscape .body .panel-frame .usage-panel:after { content: ""; display: block; clear: both } .modal-content.usage.mobile.landscape .body .panel-frame .usage-panel .panel-content { width: 56%; float: left } .modal-content.usage.mobile.landscape .body .panel-frame .usage-panel .panel-content h2.title { font-size: 18px; margin: 0 0 10px } .modal-content.usage.mobile.landscape .body .panel-frame .usage-panel .panel-content .panel-body { font-size: 11px; padding: 0 0 10px } .modal-content.usage.mobile.landscape .body .panel-frame .usage-panel .panel-image { float: right; width: 40%; padding: 4px } .modal-content.usage.mobile.landscape .body .panel-frame .usage-panel .panel-image img { max-width: 100%; max-height: 280px; width: 340px } #header { background-color: #fff } #header .relative-contents { display: -ms-flexbox; display: flex; padding: 4px 16px } #header .relative-contents .service-logo { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center } #header .relative-contents .service-logo a { display: block } #header .relative-contents .service-logo img { width: 128px; height: 42px } #header .relative-contents .service-logo img.kantan-costdown { width: 211px } #header .relative-contents .unsupported_browser { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; background: #c7243a; opacity: 0.9 } #header .relative-contents .unsupported_browser p { margin: 0; padding: 5px; color: #fff } #header .relative-contents .unsupported_browser a { color: #fff; text-decoration: underline } #header .relative-contents .split-items { margin-right: auto } #header .relative-contents .navigations .upper-navigation, #header .relative-contents .navigations .under-navigation { display: -ms-flexbox; display: flex; -ms-flex-pack: end; justify-content: flex-end; margin: 0; padding: 4px 0; list-style: none } #header .relative-contents .navigations .upper-navigation>li, #header .relative-contents .navigations .under-navigation>li { display: inline-block; padding: 0 4px } #header .relative-contents .navigations .upper-navigation>li a, #header .relative-contents .navigations .under-navigation>li a { line-height: 22px } #header .relative-contents .navigations .upper-navigation>li+li, #header .relative-contents .navigations .under-navigation>li+li { border-left: 1px solid #b6b6b6 } #header .relative-contents .navigations span.attention { background: none; color: #c7243a } #header .relative-contents .navigations a, #header .relative-contents .navigations .logout-link { line-height: 1; margin: 0; padding: 4px; border: 0; color: #333; background-color: transparent; text-decoration: none } #header .relative-contents .navigations a:hover, #header .relative-contents .navigations .logout-link:hover { background-color: #f5f5f5; text-decoration: none } #header .relative-contents .navigations .charged-plan, #header .relative-contents .navigations .uncharged-plan { padding: 4px 8px; border-radius: 4px; color: #fff; white-space: nowrap } #header .relative-contents .navigations .charged-plan { background-color: #386cbf } #header .relative-contents .navigations .charged-plan:hover { background-color: #83a4da } #header .relative-contents .navigations .uncharged-plan { background-color: #c7243a; color: #fff } #header .relative-contents .navigations .uncharged-plan.trial { background-color: inherit; color: #333 } #header .relative-contents .navigations .uncharged-plan.trial .trial-period { padding: 3px; border-radius: 3px; background-color: #c7243a; color: #fff } #header .relative-contents .navigations .uncharged-plan:hover { background-color: #e46d7d; color: #fff } #header .relative-contents .navigations .uncharged-plan:hover .trial-period { background-color: inherit; color: #fff } @media screen and (max-width:940px) { #header .relative-contents .navigations .fiscal-year .title { display: none } } #header .relative-contents .navigations .company-info .current-company { padding: 3px 15px; color: #a4a4a4 } #header .relative-contents .navigations .company-info .current-company div { overflow: hidden; text-overflow: ellipsis; white-space: nowrap } #header .relative-contents .navigations .company-info .companies-list, #header .relative-contents .navigations .company-info .companies-accountant { max-width: 240px } #header .relative-contents .navigations .company-info .companies-list a, #header .relative-contents .navigations .company-info .companies-accountant a { display: block; padding: 3px 15px; overflow: hidden; color: #555; text-overflow: ellipsis; white-space: nowrap } #header .relative-contents .navigations .company-info .companies-list a:hover, #header .relative-contents .navigations .company-info .companies-accountant a:hover { background-color: #3261ab; color: #fff; text-decoration: none } #header .relative-contents .navigations .company-info .companies-accountant.accountant-info { padding: 8px 3px 3px 15px } #header .relative-contents .navigations .company-info .companies-accountant.accountant-info .line-accountant, #header .relative-contents .navigations .company-info .companies-accountant.accountant-info .comment { max-width: 200px; line-height: 26px; text-overflow: ellipsis; white-space: nowrap } #header .relative-contents .navigations .company-info .companies-accountant.accountant-info .line-accountant i, #header .relative-contents .navigations .company-info .companies-accountant.accountant-info .comment i { margin-right: 14px } #header .relative-contents .navigations .company-info .companies-accountant.accountant-info .line-accountant a, #header .relative-contents .navigations .company-info .companies-accountant.accountant-info .comment a { display: inline; padding: 0 } #header .relative-contents .navigations .company-info .companies-accountant.accountant-info .line-accountant a:hover, #header .relative-contents .navigations .company-info .companies-accountant.accountant-info .comment a:hover { background-color: inherit; color: #555 } #header .relative-contents .navigations .company-info .companies-accountant.accountant-info .line-accountant a.setting, #header .relative-contents .navigations .company-info .companies-accountant.accountant-info .comment a.setting { float: right; margin-top: 2px } #header .relative-contents .navigations .company-info .companies-accountant.accountant-info .comment { line-height: 18px; padding-top: 4px; cursor: pointer } #header .relative-contents .navigations .company-info .companies-accountant.accountant-info .comment .comment-datetime { font-size: 11px } #header #weeasy-notifications { position: relative } #header #weeasy-notifications .notifications-container>a { display: inline-block; padding: 4px; line-height: 1.0; border-radius: 4px; color: #333; text-decoration: none; cursor: pointer } #header #weeasy-notifications .notifications-container>a:hover { background-color: #f5f5f5 } #header #weeasy-notifications .notifications-container>a .icon-fr-info { margin-right: 4px } #header #weeasy-notifications .notifications-list { position: absolute; top: 100%; left: 0; width: 300px; padding: 3px 0 7px; background-color: #fff; border: 1px solid rgba(0, 0, 0, 0.2); -webkit-box-shadow: 1px 1px 1px #E3E3E3; -moz-box-shadow: 1px 1px 1px #E3E3E3; box-shadow: 1px 1px 1px #E3E3E3; z-index: 1000 } #header #weeasy-notifications .notifications-list .hitem { line-height: 18px; padding: 7px 10px 3px; opacity: .5 } #header #weeasy-notifications .notifications-list .divider { height: 1px; margin: 8px 0; background-color: #e5e5e5 } #header #weeasy-notifications .notifications-item>a, #header #weeasy-notifications .notifications-item>span { display: block; padding: 7px 10px 3px; color: #555; overflow: hidden } #header #weeasy-notifications .notifications-item>a:hover { color: #fff; background-color: #3261ab; text-shadow: 0 0 1px #fff; text-decoration: none } #header #weeasy-notifications .notifications-item .notifications-item-title { display: block } #header #weeasy-notifications .notifications-item .notifications-item-sender { float: left; font-size: 0.8em; text-align: left } #header #weeasy-notifications .notifications-item .notifications-item-updatedat { float: right; font-size: 0.8em; text-align: right } .header-area .menu-attention-count { position: absolute; -webkit-border-radius: 9px; -moz-border-radius: 9px; -ms-border-radius: 9px; -o-border-radius: 9px; border-radius: 9px; padding: 0px 2px; min-width: 13px; z-index: 1; top: 2px; left: 2px; font-size: 10px; color: #fff; text-align: center; background-color: #ff7e00 } .header-area .menu-attention-unset, .header-area .menu-attention-new { color: #ef5400; font-size: 12px; margin-right: 5px } .header-area .menu-attention-unset:before, .header-area .menu-attention-new:before { content: "[" } .header-area .menu-attention-unset:after, .header-area .menu-attention-new:after { content: "]" } .header-area .btn.btn-new { color: #fff; background-color: #ff7e00; border: 1px solid #ff7e00; padding: 2px; font-weight: bold; line-height: 13px; font-size: 9px; background: -owg-linear-gradient(top, #ff7e00, #ff8e00); background: -webkit-linear-gradient(top, #ff7e00, #ff8e00); background: -moz-linear-gradient(top, #ff7e00, #ff8e00); background: -o-linear-gradient(top, #ff7e00, #ff8e00); background: linear-gradient(top, #ff7e00, #ff8e00) } .header-area .btn.btn-new:hover { background-color: #f2f2f2 } .help-search-container { padding-right: 1px; padding-left: 1px; position: relative } .help-search-container .rounded-field { border-radius: 13px; padding: 1px 20px; margin: 0px 9px; width: 340px; float: right } .help-search-container .rounded-field input::-ms-clear { display: none } .help-search-container .inner-field-search { position: absolute; left: 15px; top: 10px; font-size: 10pt } .help-search-container .inner-field-remove { position: absolute; right: 6px; top: 10px; font-size: 10pt } .icon-red { color: #c7243a } .icon-blue { color: #3476e3 } .icon-blue:hover { color: #5d9af0 } .icon-cleanblue { color: #00a } .icon-green { color: #b2cf3e } .icon-rightgreen { color: #0a3 } .icon-yellow { color: #f6ca06 } .icon-yellowgreen { color: #aa0 } .icon-grey { color: #999 } .alt-text { display: none } .new-icon { background-color: #f0ad4e; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; color: #fff; padding: 1px 5px; margin-left: 5px } .import h1 { margin-bottom: 10px; font-size: 24px; font-weight: normal } .import h2 { margin-bottom: 24px; font-size: 36px; font-weight: normal } .import h2 .step-number { margin-right: 20px; font-size: 60px } .import h3 { font-size: 20px; font-weight: normal } .import h4 { font-size: 16px; font-weight: normal } .import p { font-size: 16px } .import i { margin-right: 5px } .import .import-button-action { display: inline-block; min-width: 200px; padding: 8px 16px 6px; background-color: #3498db; box-shadow: 0 1px 2px #ccc; border-radius: 3px; color: #fff } .import .import-button-action:hover { background-color: #44a8eb; color: #fff; text-decoration: none } .import .import-button-action:disabled { background-color: #ededed; color: #999 } .import .import-button-action:disabled:hover { background-color: #ededed } .import .import-button-normal { display: inline-block; padding: 6px 16px 4px; border: none; border-radius: 3px; font-weight: normal; box-shadow: 0 1px 2px #ccc; background-color: #fff; color: #333 } .import .import-button-normal:hover { text-decoration: none; background-color: #fafafa } .import .import-button-danger { display: inline-block; padding: 6px 16px 4px; border: none; border-radius: 3px; font-weight: normal; box-shadow: 0 1px 2px #ccc; background-color: #d9534f; color: #fff } .import .import-button-danger:hover { text-decoration: none; background-color: red; color: #fff } .import .tab-select .icon { margin-right: 0 } .import .tab-select .icon.icon-fr-warning { color: #fe5 } .import-header { padding: 20px 30px 0 } .import-step { margin: 0 30px; padding: 40px 0 16px } .import-step+.import-step { border-top: 1px solid #aaa } .import-ready-block { width: 100% } .import-ready-block .left { float: left; width: 100%; margin-left: -430px } .import-ready-block .left p { margin-left: 430px; padding: 10px 0 0; line-height: 1.6 } .import-ready-block .right { float: right; width: 400px } .import-prepare p { margin: 10px 0 } .import-support { box-sizing: border-box; padding: 10px; border: 1px solid #ccc; background-color: #f0f0f0 } .import-support p { padding: 6px 0 2px; font-size: 12px } .import-support span { margin-left: 10px; font-size: 12px } .import-upload p { margin-top: 15px } .import-file-type { padding-bottom: 10px; font-size: 1.2em } .import-file-type input { margin-left: 10px } .import-file-type label { display: inline; margin-left: 5px; font-size: inherit } #import-file-input { position: relative; float: left; width: 450px; height: 70px; line-height: 35px; border: 1px dashed #999; background-color: #f0f0f0; font-size: 16px; text-align: center; overflow: hidden } #import-file-input input[type="file"] { display: block; position: absolute; top: 0; left: 0; width: 450px; height: 70px; margin: 0; font-size: 200px; opacity: 0; cursor: pointer } .import-file-info { padding-left: 500px } .import-file-info p:first-child { margin-top: 0 } .import-confirm-action { margin-bottom: 15px } #import-register-form { display: inline-block } #import-register-form input { margin: 0 } .import-data-wrapper { width: 100%; max-height: 500px; overflow-x: auto } table.import-data-table { border-collapse: collapse } table.import-data-table th { padding: 3px 20px; border-right: 1px solid #f1f1f1; background-color: #666; color: #fff; font-size: 14px; text-align: center; white-space: nowrap } table.import-data-table tr:nth-child(even) { background-color: #f1f1f1 } table.import-data-table td { padding: 6px 15px; border: 1px solid #dfdfdf; text-align: center; white-space: nowrap } table.import-data-table td.error { background-color: #f99 } .import-errors, .import-warnings { width: 50%; margin-top: 20px; box-sizing: border-box } .import-errors>div, .import-warnings>div { padding: 12px 20px; background-color: #ededed } .import-errors ul, .import-warnings ul { margin-top: 10px; margin-bottom: 0 } .import-errors li span, .import-warnings li span { margin-right: 12px; font-weight: bold } .import-errors p, .import-warnings p { margin: 10px 0 0; font-size: 13px } .import-errors>div { margin-right: 20px } .import-histories { margin: 0 30px; padding: 40px 0 16px } .import-rotate-180 { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg) } table.import-file-table { margin-top: 40px; max-width: 100%; border-collapse: collapse } a:hover { color: #005580; text-decoration: underline } .header-area { padding: 0; width: 940px; margin: 0 } .header-area.admin { margin-top: 45px } .header-area .navbar-top { box-sizing: border-box; background-color: #fff; overflow: visible; position: relative; padding: 8px 16px } .header-area .navbar-top:after { content: ""; clear: both; display: block } .header-area .navbar-top .service-logo, .header-area .navbar-top .service-logo img { height: 42px } .header-area .navbar-top .user-header ul.user-navigation { list-style: none; position: absolute; top: 20px; right: 16px; margin: 0; padding: 0 } .header-area .navbar-top .user-header ul.user-navigation>li { padding: 4px; display: inline-block; float: left; position: relative } .header-area .navbar-top .user-header ul.user-navigation>li:after { content: ""; width: 1px; height: 13px; display: block; background-color: #a4a4a4; position: absolute; right: 0; top: 8px } .header-area .navbar-top .user-header ul.user-navigation>li:last-child:after { content: none } .header-area .navbar-top .user-header ul.user-navigation>li>a, .header-area .navbar-top .user-header ul.user-navigation>li button.logout-link { margin: 0; padding: 4px; border: 0; border-radius: 4px; color: #333; text-decoration: none; background-color: transparent; display: inline-block; line-height: 1 } .header-area .navbar-top .user-header ul.user-navigation>li>a:hover, .header-area .navbar-top .user-header ul.user-navigation>li button.logout-link:hover { text-decoration: none; background-color: #f5f5f5 } .header-area .navbar-top .user-header ul.user-navigation>li.plan { padding-left: 8px; padding-right: 8px } .header-area .navbar-top .user-header ul.user-navigation>li.plan>a { color: #fff } .header-area .navbar-top .user-header ul.user-navigation>li.plan>a.charged-plan { background-color: #5cac00 } .header-area .navbar-top .user-header ul.user-navigation>li.plan>a.charged-plan:hover { background-color: #7cc822 } .header-area .navbar-top .user-header ul.user-navigation>li.plan>a.uncharged-plan { background-color: #c7243a } .header-area .navbar-top .user-header ul.user-navigation>li.plan>a.uncharged-plan:hover { background-color: #e1775c } .header-area .navbar-menu { height: 34px; margin: 0; padding: 0 16px; box-sizing: border-box; background: #386cbf; } .header-area .new-menu { height: 44px !important; background: #3476E3 !important; } .header-area .navbar-menu:after { content: ""; clear: both; display: block } .header-area .navbar-menu>ul { list-style: none; margin: 0; padding: 0 } .header-area .navbar-menu>ul>li { margin: 0; float: left; line-height: 18px } .header-area .navbar-menu>ul>li a.menu-category { display: block; color: #fff; background: #386cbf; font-weight: normal; line-height: 14px; padding: 6px 15px 4px; margin: 0; font-size: 20px; height: 34px; box-sizing: border-box } .header-area .new-menu>ul>li a.menu-category { background: #3476E3 !important; padding: 10px 15px 4px !important; height: 44px !important; } .header-area .navbar-menu>ul>li a.menu-category .menu-icon { height: 24px; vertical-align: middle; color: #ecf3ff } .header-area .navbar-menu>ul>li a.menu-category .menu-label { font-size: 14px; vertical-align: middle } .header-area .navbar-menu>ul>li a.menu-category:hover { background: #6294E4; text-decoration: none } .header-area .navbar-menu>ul>li a.menu-category.current { background: #43B1E8 } .header-area .navbar-menu>ul.main-menu { float: left } .header-area .navbar-menu>ul.nav-help { float: right } .header-area .navbar-menu>ul.nav-help>li a.help-search-container { padding-right: 1px; padding-left: 1px; position: relative } .header-area .navbar-menu>ul.nav-help>li a.help-search-container .rounded-field { border-radius: 13px; padding: 1px 5px 1px 30px; margin: 0; width: 150px; float: right } .header-area .navbar-menu>ul.nav-help>li a.help-search-container .rounded-field input::-ms-clear { display: none } .header-area .navbar-menu>ul.nav-help>li a.help-search-container .inner-field-search { position: absolute; left: 12px; top: 10px; font-size: 10pt } .header-area .navbar-menu>ul.nav-help>li a.help-search-container .inner-field-remove { position: absolute; right: 6px; top: 10px; font-size: 10pt } .header-area .notification { width: 940px } .header-area .notification .notification-inner { border-radius: 0 0 4px 4px; width: 100%; padding: 0 } @media screen and (min-width:940px) { .header-area { width: 100% } .header-area .fixed-contents.top-fixed .inner { position: fixed; width: 100%; top: 0; left: 0; z-index: 300 } .header-area.admin .fixed-contents.top-fixed .inner { top: 45px } } @media screen and (min-width:1024px) { .header-area .notification { width: 100%; padding-left: 16px; padding-right: 16px } } @media screen and (max-width:768px) { .header-area.responsive { width: auto } .header-area.responsive .notification { width: auto; height: auto; z-index: 300; position: relative } .header-area.responsive .notification .notification-inner { border-radius: 0 } .header-area.responsive .notification .notification-inner .notification-content { display: table; height: auto; width: 100%; border-radius: 0; overflow: visible; white-space: normal; text-overflow: visible; padding-left: 10px; padding-right: 10px } .header-area.responsive .notification .notification-inner .notification-content .notification-type-icon { width: 24px; display: table-cell; vertical-align: middle; font-size: 18px; padding-right: 5px } .header-area.responsive .notification .notification-inner .notification-content .notification-message { vertical-align: middle; display: table-cell } .header-area.responsive .notification .notification-inner .notification-content .notification-progress { display: table-cell; padding-left: 8px } .header-area.responsive .notification .notification-inner .notification-content .close { position: static; display: table-cell; padding-left: 5px; font-size: 20px; width: 24px; text-align: center } } .contents-area { margin: 1px auto 12px; padding: 0; width: 940px } .contents-area ul.breadcrumbs { margin: 0; padding: 6px 15px; list-style: none; background-color: #f0f0f0; border: 1px solid #e3e3e3; border-bottom: 0; overflow: hidden } .contents-area ul.breadcrumbs>li { display: inline-block } .contents-area ul.breadcrumbs>li>.divider { padding: 0 5px } .fixed-container { max-width: 940px; margin: 0 auto } .main-container { background: #fff; border: 1px solid #e3e3e3; padding: 10px 20px 20px } .main-container .fixed-container { max-width: 899px } .page-container { background: #fff; border: 1px solid #e3e3e3 } .page-container .inner { padding: 10px 20px 20px } .page-container .inner.without-top-padding { padding-top: 0 } .page-container .inner.without-bottom-padding { padding-bottom: 0 } .page-container .fixed-container { padding-top: 10px; padding-bottom: 20px; margin: 0 auto } .main-container .fixed-container, .page-container .fixed-container { max-width: 899px } .main-container .pagination, .page-container .pagination { text-align: center } .main-container .page-controls, .page-container .inner .page-controls { padding: 8px 0 15px; min-height: 28px } .main-container .page-controls .controls-aside, .page-container .inner .page-controls .controls-aside { float: right } .main-container .page-controls:after, .page-container .inner .page-controls:after { content: ""; display: block; clear: both } @media screen and (min-width:1024px) { .contents-area { width: auto; margin-left: 10px; margin-right: 10px } } @media screen and (max-width:768px) { .contents-area.responsive { width: auto } .contents-area.responsive ul.breadcrumbs { display: none } } .footer-area { width: 940px; margin: 10px auto 0; padding: 0 0 48px; font-size: 11px } .footer-area:after { content: ""; clear: both; display: block } .footer-area .navigations { float: left } .footer-area .navigations ul { margin: 0; padding: 0 } .footer-area .navigations ul li { display: inline; list-style: none; margin-right: 8px } .footer-area .navigations ul.links { margin-bottom: 5px } .footer-area .navigations ul.links a { color: #ababac } .footer-area .navigations ul.copyright { color: #ccc } .footer-area ul.banners { float: right; list-style: none; margin: 0 } .footer-area ul.banners li { display: inline; margin: 0 4px 0 0 } .footer-area ul.banners li:last-child { margin-right: 0 } .footer-area ul.banners li img { height: 32px } @media screen and (min-width:1024px) { .footer-area { width: auto; padding-right: 16px; padding-left: 16px } } @media screen and (max-width:768px) { .footer-area.responsive { width: auto; margin-left: 10px; margin-right: 10px } .footer-area.responsive .navigations { float: left; width: 180px } .footer-area.responsive .navigations ul li { display: block } .footer-area.responsive ul.banners { width: 200px } .footer-area.responsive ul.banners li { text-align: right; display: block; margin-bottom: 4px } } .notification { /*height: 30px;*/ max-height: 44px; box-sizing: border-box; display: none; margin: 0 auto; padding: 0 } .notification .notification-inner { border-radius: 0 0 4px 4px } .notification .notification-inner.clickable { cursor: pointer } .notification .notification-inner .notification-content { box-sizing: border-box; /*height: 30px;*/ max-height: 44px; overflow: hidden; color: #ffffff; padding: 6px 28px 6px 10px; position: relative; /*white-space: nowrap;*/ white-space: normal; text-overflow: ellipsis; overflow: hidden } .notification .notification-inner .notification-content a { color: #fff } .notification .notification-inner .notification-content .close { position: absolute; right: 6px; top: 6px; color: #fff; opacity: 1.0; font-size: 18px; float: none; font-weight: normal; text-shadow: none } .notification .notification-inner .notification-content .notification-progress { display: inline-block; height: 18px; margin-left: 10px; vertical-align: top } .notification .notification-inner .notification-content .notification-progress .progress-bar { position: relative; display: inline-block; width: 80px; height: 6px; background-color: #ebebeb } .notification .notification-inner .notification-content .notification-progress .progress-bar-inner { position: absolute; top: 0; left: 0; bottom: 0; width: 0; background-color: #2c70de } .notification .notification-inner .notification-content .notification-progress .progress-percent { display: inline-block; margin-left: 10px; vertical-align: top } .notification.success .notification-inner { background-color: #5cac00 } .notification.success .notification-inner.clickable:hover { background-color: #7cc822 } .notification.warn .notification-inner { background-color: #e39622 } .notification.warn .notification-inner.clickable:hover { background-color: #f3af49 } .notification.error .notification-inner { background-color: #c7243a } .notification.error .notification-inner.clickable:hover { background-color: #f3af49 } .notification.progress { -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; background: none } .notification.progress .notification-inner { background-color: rgba(0, 0, 0, 0.7) } .btn { background-color: #eaeaea; color: #333; font-weight: normal; padding: 4px 12px; border: 1px solid #eaeaea; display: inline-block; text-align: center; cursor: pointer; border-radius: 3px; line-height: 18px; font-size: 14px } .btn:hover { text-decoration: none; color: #333; background-color: #f5f5f5 } .btn[disabled] { background-color: #f8f8f8; border-color: #f8f8f8; cursor: not-allowed; opacity: 0.65 } .btn[disabled]:hover { background-color: #f8f8f8 } .btn.btn-primary { background-color: #3476E3; border-color: #3476E3; color: #fff; font-weight: normal; } .btn.btn-primary:hover { background-color: #5d9af0; border-color: #5d9af0 } .btn.btn-primary[disabled] { background-color: #9bf; border-color: #9bf } .btn.btn-primary[disabled]:hover { background-color: #9bf } .btn.btn-danger { background-color: #d9534f; color: #fff; border-color: #d9534f } .btn.btn-danger:hover { background-color: #bd4946; border-color: #bd4946 } .btn.btn-danger[disabled] { background-color: #d9534f } .btn.btn-danger[disabled]:hover { background-color: #d9534f } .modal-content { border-radius: 3px; box-shadow: 0px 5px 10px 0px rgba(51, 51, 51, 0.4); background-color: #fff; position: static; text-align: left } .modal-content .header { margin: 0; padding: 12px 15px 9px; box-sizing: border-box; min-height: 40px; border-top-left-radius: 3px; border-top-right-radius: 3px; font-size: 18px; font-weight: bold; border-bottom: 1px solid #e6e6e6 } .modal-content .header a.close-button { display: block; float: right; color: #a6a6a6 } .modal-content .header a.close-button .description { display: none } .modal-content .header a.close-button:hover { color: #d9534f; text-decoration: none } .modal-content .header:after { content: ""; clear: both; display: block } .modal-content .body { margin: 0; padding: 11px 15px 5px; box-sizing: border-box; color: #333; font-size: 13px } .modal-content .footer { margin: 0; padding: 10px 20px; text-align: center; box-sizing: border-box; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px } .modal-content .footer .btn { min-width: 160px; font-size: 15px; padding: 9px 14px; margin-bottom: 4px } .error-page .error-message { padding: 40px 15px; border-bottom: 1px solid #e6e6e6 } .error-page .error-message .logo { margin: 0; padding: 0; line-height: 1; font-size: 60px; height: 70px; text-align: center; color: #001478 } .error-page .error-message .error-message-title { text-align: center; margin-top: 20px; font-size: 20px; font-weight: normal } .error-page .error-message .error-message-body { text-align: center } .support-guidances { margin: 30px auto 0; width: 821px } .support-guidances:after { content: ""; clear: both; display: block } .support-guidances .guidance { float: left; margin-right: 20px; width: 260px } .support-guidances .guidance:last-child { margin-right: 0 } .support-guidances .guidance .guidance-title { font-size: 24px; line-height: 1.2; font-weight: normal } .support-guidances .guidance .guidance-link { margin-top: 10px; display: inline-block; width: 150px; height: 37px; line-height: 21px; box-sizing: border-box; line-height: 29px } .support-guidances .guidance .guidance-description { margin-top: 10px; font-size: 11px } table.list-table { width: 100%; border-collapse: collapse; border-spacing: 0; background-color: transparent; line-height: 18px; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd } table.list-table>thead>tr>th, table.list-table>tbody>tr>td, table.list-table>tfoot>tr>td, table.list-table>tfoot>tr>th { padding: 8px; box-sizing: border-box; text-align: left } table.list-table>thead>tr>th:first-child, table.list-table>tbody>tr>td:first-child, table.list-table>tfoot>tr>td:first-child, table.list-table>tfoot>tr>th:first-child { padding-left: 24px } table.list-table>thead>tr>th:last-child, table.list-table>tbody>tr>td:last-child, table.list-table>tfoot>tr>td:last-child, table.list-table>tfoot>tr>th:last-child { padding-right: 24px } table.list-table>thead>tr>th.checkbox-cell, table.list-table>thead>tr>th.checkbox-detail-cell, table.list-table>thead>tr>th.radio-cell, table.list-table>thead>tr>th.icon-cell, table.list-table>tbody>tr>td.checkbox-cell, table.list-table>tbody>tr>td.radio-cell, table.list-table>tbody>tr>td.icon-cell, table.list-table>tfoot>tr>td.checkbox-cell, table.list-table>tfoot>tr>td.radio-cell, table.list-table>tfoot>tr>td.icon-cell, table.list-table>tfoot>tr>th.checkbox-cell, table.list-table>tfoot>tr>th.radio-cell, table.list-table>tfoot>tr>th.icon-cell { text-align: center; width: 32px } table.list-table>thead>tr>th.currency-cell, table.list-table>tbody>tr>td.currency-cell, table.list-table>tfoot>tr>td.currency-cell, table.list-table>tfoot>tr>th.currency-cell { width: 90px } table.list-table>thead>tr>th.date-cell, table.list-table>tbody>tr>td.date-cell, table.list-table>tfoot>tr>td.date-cell, table.list-table>tfoot>tr>th.date-cell { width: 100px; white-space: nowrap } table.list-table>thead>tr>th.date-with-icon-cell, table.list-table>tbody>tr>td.date-with-icon-cell, table.list-table>tfoot>tr>td.date-with-icon-cell, table.list-table>tfoot>tr>th.date-with-icon-cell { width: 120px; white-space: nowrap } table.list-table>thead>tr>th.active, table.list-table>tbody>tr>td.active, table.list-table>tfoot>tr>td.active, table.list-table>tfoot>tr>th.active { background-color: #f5f5f5 } table.list-table>thead>tr>th { background-color: #f0f0f0; font-weight: bold; vertical-align: bottom } table.list-table>thead>tr>th a.sorter { color: #333; text-decoration: none } table.list-table>thead>tr>th a.sorter.active { color: #c7243a } table.list-table>thead>tr>th a.sorter:hover { color: #c7243a; text-decoration: none } table.list-table>tbody>tr>td { border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; vertical-align: top } table.list-table>tbody>tr>td.currency-cell { text-align: right } table.list-table>tbody>tr.active>td { cursor: pointer; background-color: #f5f5f5 } table.list-table.without-top-border { border-top: 0 } table.list-table.with-side-border { border-left: 1px solid #ddd; border-right: 1px solid #ddd } table.list-table.without-side-padding>thead>tr>th:first-child, table.list-table.without-side-padding>tbody>tr>td:first-child { padding-left: 8px } table.list-table.without-side-padding>thead>tr>th:last-child, table.list-table.without-side-padding>tbody>tr>td:last-child { padding-right: 8px } table.list-table.with-row-action>tbody>tr { cursor: pointer } table.list-table.with-row-action>tbody>tr:hover>td { background-color: #f5f5f5 } table.list-table.with-vertical-border>thead>tr>th, table.list-table.with-vertical-border>tbody>tr>td { border-left: 1px solid #ddd; border-right: 1px solid #ddd } table.list-table.with-vertical-border>thead>tr>th:first-child, table.list-table.with-vertical-border>tbody>tr>td:first-child { border-left: 0 } table.list-table.with-vertical-border>thead>tr>th:last-child, table.list-table.with-vertical-border>tbody>tr>td:last-child { border-right: 0 } input, textarea, select { display: inline-block; font-size: 13px; line-height: 18px; color: #555; background-color: #fff; border: 1px solid #ccc; border-radius: 3px } input:focus, textarea:focus, select:focus { border-color: rgba(82, 168, 236, 0.8); box-shadow: 0px 0px 8px #52a8ec; outline: 0px none } input.has-error, textarea.has-error, select.has-error { background-color: #f9e2e5; border-color: #c7243a } input[disabled], input[readonly], textarea[disabled], textarea[readonly], select[disabled], select[readonly] { background-color: #eee; border-color: #ddd; cursor: not-allowed } input, textarea { padding: 4px; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -webkit-transition: border linear 0.2s, box-shadow linear 0.2s; transition: border linear 0.2s, box-shadow linear 0.2s } input { height: 18px } input[type="file"] { width: auto; padding: initial; line-height: initial; border: initial; background-color: initial; box-shadow: none } input[type="image"], input[type="checkbox"], input[type="radio"] { width: auto; height: auto; padding: 0; margin: 3px 0; line-height: normal; cursor: pointer; border-radius: 0; border: 0 } .standard-form .fields label { display: block } .standard-form .fields .field .label-text { display: block; padding-bottom: 4px } .standard-form .fields .field input, .standard-form .fields .field select, .standard-form .fields .field textarea { margin: 0 } .step-content .step .step-title { margin-bottom: 6px; font-size: 22px; font-weight: bold } .step-content .step .step-title .step-number { border-radius: 18px; background-color: #52b5f7; color: #fff; display: inline-block; font-size: 20px; font-weight: 200; width: 32px; height: 32px; line-height: 32px; margin-right: 20px; text-align: center } .step-content .step .step-inner { margin: 0 auto 6px 16px; padding: 4px 0 28px 38px; border-left: 1px solid #e3e3e3 } .step-content .step.last .step-inner { border-left: 1px solid transparent } .contents-area #container { background: #FFF; border-right: 1px solid #E3E3E3; border-left: 1px solid #E3E3E3; border-bottom: 1px solid #E3E3E3 } .main-container form { margin-bottom: 0 } .sub-container { padding: 10px; border: 1px solid #e3e3e3; border-bottom: 0; background-color: #FFF } .sub-container p { margin: 0 } .spinner { position: fixed !important; left: 50% !important; top: 50% !important } .list-page .list-header { border: 1px solid #e3e3e3; background: #fff; border-bottom: 0 } .list-page .list-header .inner { padding: 10px 20px 20px } .list-page .list-actions { padding: 7px 10px; background: -owg-linear-gradient(top, #fcfcfc, #f2f2f2); background: -webkit-linear-gradient(top, #fcfcfc, #f2f2f2); background: -moz-linear-gradient(top, #fcfcfc, #f2f2f2); background: -o-linear-gradient(top, #fcfcfc, #f2f2f2); background: linear-gradient(top, #fcfcfc, #f2f2f2); position: relative; border-top: 1px solid #e3e3e3; background-color: #fff; min-height: 29px } .list-page .list-actions .btn-wrapper { display: inline-block; position: absolute; height: 28px; width: 64px } .list-page .list-actions .btn { outline: 0; margin-right: 10px } .list-page .list-actions .list-right { float: right; display: inline-block } .list-page .list-actions .list-right .btn-filter { border: 1px solid #ccc; position: relative; top: 1px } .list-page .list-actions .list-right .btn-filter .btn-title-with-icon { margin-left: 1px } .list-page .list-actions .list-right .limit-selector { float: right; position: relative; width: 130px } .list-page .list-actions .list-right .limit-selector .limitselector-label { position: relative; bottom: 3px } .list-page .list-actions .list-right .limit-selector .limit-select { position: relative; left: 2px; width: 70px } .list-page .list-body { border-top: 1px solid #e3e3e3; border-bottom: 1px solid #999; background: #fff } .list-page .list-body .list-actions { border-top: 0; border-bottom: 1px solid #e3e3e3; border-left: 1px solid #e3e3e3; border-right: 1px solid #e3e3e3 } .list-page .list-body table { width: 100%; border-collapse: collapse; border-spacing: 0; background-color: transparent; line-height: 18px; border-left: 1px solid #ddd; border-right: 1px solid #ddd } .list-page .list-body table thead { background-color: #f0f0f0; table-layout: fixed } .list-page .list-body table thead th { background-color: #f0f0f0; text-align: left } .list-page .list-body table th, .list-page .list-body table td { padding: 8px; vertical-align: middle; box-sizing: border-box } .list-page .list-body table th a.sorter, .list-page .list-body table td a.sorter { color: #333; text-decoration: none } .list-page .list-body table th a.sorter:hover, .list-page .list-body table td a.sorter:hover { color: #666; text-decoration: none } .list-page .list-body table th.checkbox-cell, .list-page .list-body table td.checkbox-cell { text-align: center; width: 32px } .list-page .list-body table th.without-label-icon-cell, .list-page .list-body table th.deal-origin-cell, .list-page .list-body table td.without-label-icon-cell, .list-page .list-body table td.deal-origin-cell { text-align: center; width: 50px } .list-page .list-body table th.date-cell, .list-page .list-body table td.date-cell { width: 85px } .list-page .list-body table th.date-with-icon-cell, .list-page .list-body table td.date-with-icon-cell { width: 110px; white-space: nowrap } .list-page .list-body table td { vertical-align: top } .list-page .list-body table tr.hovered, .list-page .list-body table tr.focused { background-color: #f5f5f5 } .list-page .list-body table tbody tr td { border-top: 1px solid #999 } .list-page .list-footer, .list-page .list-pager { padding: 18px 10px; border: 1px solid #e3e3e3; border-top: 0; background-color: #fff } .modal-content .body p { font-size: 14px; margin: 0px auto 10px; line-height: 1.6 } .modal-content .body ul li { line-height: 1.6 } .modal-content .body table { margin: 20px auto 10px } .charge-failure-modal { max-width: 600px } .charge-failure-modal .body ul { list-style: none; font-size: 14px } .modal-content.home-charge-modal { width: 540px } .modal-content.home-charge-modal .body ul { list-style: none; margin: 20px auto 10px } .modal-content.home-charge-modal .body ul li ul { width: auto; margin: 4px 1em; font-size: 14px } .modal-content.home-charge-modal .body ul li ul.caption { color: #A6A6A6 } .modal-content.home-charge-modal .chat-support-note { margin-left: 20px; background-color: #ff0 } .modal-content.days_after_modal .body p { font-size: 14px; margin: 0 } .modal-content.days_after_modal .body p.stage { margin-top: 10px } .modal-content.days_after_modal .body .modal-button { margin: 20px 0 } .modal-content.days_after_modal .body .modal-button a { padding: 10px 20px } .modal-content.days_after_modal .body .modal-button a.restart { margin: 0 45px 0 25px } .modal-content.days_after_modal .body .center { text-align: center } .modal-content.edit-first-fy { width: 400px } .modal-content.edit-first-fy .edit-field { height: 55px; margin: 0 5px } .modal-content.edit-first-fy .edit-field .row { float: left } .modal-content.edit-first-fy .edit-field .row.separator { margin: 30px 20px 0 } .modal-content.edit-first-fy .edit-field .row i { font-size: 16px } .modal-content.upload-limit-reached { width: 500px } .modal-content.first-deal-from-receipt-modal { width: 500px } .modal-content.confirm_to_churn { width: 500px } .modal-content.confirm_to_churn .body .emphasis { font-weight: bold } .modal-content.confirm_to_churn .body .inquiry, .modal-content.confirm_to_churn .body .note { margin-top: 10px } .modal-content.confirm_to_churn .body .inquiry .way { margin: 10px 0 0 10px } .modal-content.payback-guarantee-modal .body .err-msg { color: #c7243a; font-size: 14px; margin: 5px 0px } .modal-content.payback-guarantee-modal .body .notes { margin-top: 5px; font-size: 13px } .modal-content.help-list { width: 700px } .modal-content.help-list .body .help-field-wrapper { text-align: center; padding-top: 10px } .modal-content.help-list .body .help-field-wrapper .rounded-field { -webkit-border-radius: 13px; -moz-border-radius: 13px; -ms-border-radius: 13px; -o-border-radius: 13px; border-radius: 13px; padding: 1px 15px 1px 25px; margin-left: 10px; width: 400px; height: 30px } .modal-content.help-list .body .help-field-wrapper i { position: relative; left: 35px; top: -4px } .modal-content.help-list .body div.help-list-container { width: 630px; margin-right: 10px } .modal-content.help-list .body div.help-list-container:after { clear: both } .modal-content.help-list .body div.help-list-item { padding: 5px; border-bottom: 1px solid #E3E3E3; margin-bottom: 5px; position: relative } .modal-content.help-list .body div.help-list-item h2 { display: inline; font-size: 16px; font-weight: normal; line-height: 1.6em; margin: 0; padding: 0 0 0 10px } .modal-content.help-list .body p { margin-top: 0; line-height: 1.2em; font-size: 14px } .modal-content.year-end-close-alert { width: 500px } .modal-content.year-end-close-alert .body { padding: 11px 15px } .modal-content.year-end-close-alert .body .modal-button { text-align: center } .modal-content.system-conversion { width: 500px } .modal-content.system-conversion .body { padding: 11px 15px } .modal-content.system-conversion .body p { margin: 0 } .modal-content.system-conversion .body .modal-button { margin-top: 20px; text-align: center } .modal-content.system-conversion .body .modal-button button { margin: 10px } .modal-content.start-payroll { width: 457px } .modal-content.duplicate-journal-alert { width: 600px } .modal-content.start-payroll ul, .modal-content.duplicate-journal-alert ul { margin: 15px 30px } .modal-content.comeback { width: 480px; text-align: center } .modal-content.comeback .header { font-size: 16px; line-height: 24px; font-weight: normal } .modal-content.comeback .header .title { font-size: 24px; margin-bottom: 16px; font-weight: bold } .modal-content.comeback .body { line-height: 26px; border-bottom: 1px solid #e6e6e6; padding: 16px 0 } .modal-content.comeback .body label.checkbox { display: inline-block } .modal-content.comeback .body .deal-size { font-weight: bold } .modal-content.comeback .footer { padding: 20px } .modal-content.hotkey-help { width: 600px } .modal-content.hotkey-help ul { margin: 0; padding: 0; list-style: none } .modal-content.hotkey-help li { display: block; padding: 3px 10px; font-size: 14px } .modal-content.hotkey-help .hotkey_command { display: inline-block; width: 80px; padding: 3px 5px; border-radius: 3px; background-color: #333; color: #fff; text-align: center } .modal-content.hotkey-help .hotkey_desc { display: inline-block; padding: 3px 5px } .modal-content.enqueue-report-result-modal { width: 500px } .modal-content.enqueue-report-result-modal .icon, .modal-content.enqueue-report-result-modal .promotion { display: table-cell } .modal-content.enqueue-report-result-modal .icon { color: #c7243a } .modal-content.deal-template-suggestion-modal p.dont-ask-me-again { margin: 0; padding: 0 20px } .modal-content.deal-template-suggestion-modal p.dont-ask-me-again input, .modal-content.deal-template-suggestion-modal p.dont-ask-me-again label { display: inline-block } .modal-content.confirm-modal .body ul { margin: 10px 0 10px 25px } .modal-content.confirm-modal .footer .btn { min-width: 150px; padding: 4px 12px; margin: 0 4px 4px } .page-notice { display: table; margin: 0 0 8px 0; border: 2px solid; box-sizing: border-box; width: 100%; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; overflow: hidden; *zoom: 1; padding: 4px } .page-notice .notice-inner { display: table-row } .page-notice .notice-sign, .page-notice .mesage, .page-notice .action { display: table-cell } .page-notice:after { content: ""; clear: both; display: block } .page-notice .notice-sign { width: 40px; vertical-align: middle; padding: 4px 0; text-align: center } .page-notice .notice-sign i { font-size: 28px } .page-notice .message { vertical-align: middle } .page-notice .message .headline { font-weight: bold } .page-notice .message p:last-child { margin-bottom: 0 } .page-notice .action { vertical-align: middle; text-align: right; padding: 0 0 0 6px } .page-notice.attention { border-color: #c7243a } .page-notice.attention .notice-sign { color: #c7243a } .page-notice.warning { border-color: #e39622 } .page-notice.warning .notice-sign { color: #e39622 } .page-notice.success { border-color: #5cac00 } .page-notice.success .notice-sign { color: #5cac00 } .page-alert { margin: 4px auto; padding: 8px; border: 2px solid #fe5; background-color: #fff7aa; -webkit-border-radius: 6px; -moz-border-radius: 6px; -ms-border-radius: 6px; -o-border-radius: 6px; border-radius: 6px } .page-alert.warning { border: 2px solid #e6939d; background-color: #f9e2e5 } .page-alert.information { border: 2px solid #6eb7db; background-color: #cbe6f3 } .page-alert .messages, .page-alert .actions { display: table-cell; vertical-align: middle; padding: 0 8px } .panel, .panel-blue, .panel-no-border { font-size: 14px; padding: 12px 8px; margin: 0; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; border: 1px solid #000 } .panel ul, .panel-blue ul, .panel-no-border ul { list-style: none; padding: 0; margin: 0 } .panel li, .panel-blue li, .panel-no-border li { padding-bottom: 4px } .panel li i[class^="icon-"], .panel-blue li i[class^="icon-"], .panel-no-border li i[class^="icon-"] { margin-right: 4px } .panel-blue { border-color: #007ab7 } .panel-no-border { border-color: transparent } html.report_pdf body { margin: 0; padding: 0; background: #fff; width: 100%; height: 100%; font: 11px/10px "Hiragino Kaku Gothic Pro", "sans-serif"; overflow: visible; border: none } html.report_pdf .main-container h1 { text-align: center } html.report_pdf .main-container h2 { text-align: center } html.report_pdf .main-container h3 { text-align: center } html.report_pdf .main-container { border: medium none } html.report_pdf .container { width: 100% } html.report_pdf .span12 { width: 100% !important; margin: 0; position: relative; float: left } html.report_pdf .combo-chart { display: inline-block } html.report_pdf .pie-chart { display: inline-block } html.report_pdf table { page-break-inside: auto; clear: both } html.report_pdf table td { height: 35px } html.report_pdf table th { text-align: right !important } html.report_pdf #profit-and-loss table td, html.report_pdf #trial-profit-and-loss table td, html.report_pdf #trial-balance-sheet table td, html.report_pdf #balance-sheet table td { height: 18px } html.report_pdf #trial-profit-and-loss tr.aggregation-line.level-1 td.number div.number-inner, html.report_pdf #trial-profit-and-loss tr.aggregation-line.level-1 td.line-label .line-title, html.report_pdf #trial-profit-and-loss tr.sub-total-line.level-1 td.number div.number-inner, html.report_pdf #trial-profit-and-loss tr.sub-total-line.level-1 td.line-label .line-title, html.report_pdf #trial-profit-and-loss tr.sub-total-line.level-2 td.number div.number-inner, html.report_pdf #trial-profit-and-loss tr.sub-total-line.level-2 td.line-label .line-title, html.report_pdf #profit-and-loss tr.aggregation-line.level-1 td.number div.number-inner, html.report_pdf #profit-and-loss tr.aggregation-line.level-1 td.line-label .line-title, html.report_pdf #profit-and-loss tr.sub-total-line.level-1 td.number div.number-inner, html.report_pdf #profit-and-loss tr.sub-total-line.level-1 td.line-label .line-title, html.report_pdf #profit-and-loss tr.sub-total-line.level-2 td.number div.number-inner, html.report_pdf #profit-and-loss tr.sub-total-line.level-2 td.line-label .line-title { border-bottom: double #333 } html.financial-statement-pdf body { border: none } html.financial-statement-pdf .main-container { border: none } html.financial-statement-pdf table.table-financial tr.sub-total-summaries td { font-size: 12px !important; font-weight: normal !important } table.bs-table { width: 100%; min-width: 100%; max-width: auto } html.journal_pdf { overflow: visible } html.journal_pdf body { font: 10px/10px "Hiragino Kaku Gothic Pro", "sans-serif"; overflow: visible; background: #fff; border: none } html.journal_pdf body span.item-name { font-size: 14px; line-height: 28px } html.journal_pdf body th.txn_date { width: 58px } html.journal_pdf body th.debit-account { width: 65px } html.journal_pdf body th.debit-amount { width: 60px } html.journal_pdf body th.debit-tax { width: 50px } html.journal_pdf body th.credit-account { width: 65px } html.journal_pdf body th.credit-amount { width: 60px } html.journal_pdf body th.credit-tax { width: 50px } html.journal_pdf body td { height: 36px } html.journal_pdf body td.debit-amount { text-align: right } html.journal_pdf body td.credit-amount { text-align: right } .month-picker ul { margin: 0 } .month-picker ul li { display: inline-block; width: 28px; height: 22px; padding-top: 4px; text-align: center; vertical-align: middle; border-color: #ccc; border-style: solid; border-width: 1px 1px 1px 0px; background-color: #fff; cursor: pointer; position: relative; user-select: none; moz-user-select: none; -webkit-user-select: none; -ms-user-select: none } .month-picker ul li:first-child { border-radius: 4px 0px 0px 4px; border-width: 1px } .month-picker ul li:last-child { border-radius: 0px 4px 4px 0px; width: 70px } .month-picker ul li:hover { background-color: #eee } .month-picker ul li.selected { background-color: #f0f0f0; box-shadow: inset 0 2px 6px rgba(0, 0, 0, 0.2) } .month-picker ul li.selected+li.selected:before { content: ""; display: inline-block; width: 8px; height: 26px; position: absolute; left: -4px; background: -webkit-linear-gradient(top, #ccc 0%, #f0f0f0 20%, #e8e8e8 100%); background: linear-gradient(top center, #ccc 0%, #f0f0f0 20%, #e8e8e8 100%); top: 0; user-select: none } .month-picker ul li.selected+li.selected:after { content: ""; display: inline-block; width: 1px; height: 26px; position: absolute; left: 0; background-color: #ccc; top: 0; user-select: none } #search_menu div.search-menu-group { float: left; margin: 0; padding: 0 } #search_menu div.search_menu_input .entry-side { width: 85px } #search_menu div.search_menu_input .compare_section_input { margin-right: 8px; float: left } #search_menu div.search_menu_input p { margin-bottom: 5px } #search_menu div.search_menu_input_with_clear { margin-right: 8px; margin-bottom: 5px } #search_menu div.search_menu_input_with_clear:after { content: ""; clear: both; display: block } #search_menu div.btn-group { margin-bottom: 10px } #report_form .label_for_radio { display: block; float: left; margin-right: 10px } #report_form .label_for_radio input { display: inline } table.txn-table-full th { padding: 4px 8px } table.txn-table-full th.th-group { text-align: center; background: #f8f8f8; border-bottom: 1px solid #ddd } table.txn-table-full th.center { text-align: center } table.txn-table-full th.date-cell { min-width: 88px } table.txn-table-full th.amount-cell { min-width: 70px } table.txn-table-full th.account-item-cell, table.txn-table-full th.tax-cell { min-width: 90px } table.txn-table-full #th_deal_origin { min-width: 45px } table.txn-table-full #th_description { padding-top: 8px } .report-page .list-footer { padding-left: 20px; background: #fff } .export-buttons { float: right; margin-right: 10px; margin-bottom: 20px } .table-caption { margin-top: 10px } .between-symbol { float: left; margin: 6px 8px 0 0 } .unsettled-box { display: inline-block; height: 16px; width: 32px; border: 1px solid #888; background: #ddf0f5 } .txn-table th.delete-icon-cell, .txn-table th.editor-icon-cell { width: 28px } .report-page .list-body { border: 1px solid #e3e3e3; border-top: 0 } .report-page .no-data { padding: 10px 20px } .report-page .report-pager-top { padding: 0 18px 18px; margin: 0 } .report-page .report-pager-top ul { margin: 0 } .report-page .report-pager-bottom { padding: 18px; margin: 0 } .report-page .report-pager-bottom ul { margin: 0 } table.pl-table { width: 100% } table.pl-table tr.aggregation-line.level-1 td.number div.number-inner, table.pl-table tr.aggregation-line.level-1 td.line-label .line-title, table.pl-table tr.sub-total-line.level-1 td.number div.number-inner, table.pl-table tr.sub-total-line.level-1 td.line-label .line-title, table.pl-table tr.sub-total-line.level-2 td.number div.number-inner, table.pl-table tr.sub-total-line.level-2 td.line-label .line-title { border-bottom: double #333 } table.bs-table tr.level-1 td.line-label { padding-left: -1em } table.bs-table tr.level-2 td.line-label { padding-left: 0 } table.bs-table tr.level-3 td.line-label { padding-left: 1em } table.bs-table tr.level-4 td.line-label { padding-left: 2em } table.bs-table tr.level-5 td.line-label { padding-left: 3em } table.bs-table tr.level-6 td.line-label { padding-left: 4em } table.bs-table tr.level-7 td.line-label { padding-left: 5em } table.bs-table tr.level-8 td.line-label { padding-left: 6em } table.bs-table tr.level-9 td.line-label { padding-left: 7em } table.bs-table tr.level-10 td.line-label { padding-left: 8em } table.sga-table tr.level-3 td.line-label, table.sga-table tr.level-4 td.line-label { padding-left: 0 } .bs-account-form { width: 50%; box-sizing: border-box; float: left; margin: 0 } .bs-account-form-left { padding-right: 8px } .bs-account-form-right { padding-left: 8px } table.table-final { width: 100% } table.table-final th, table.table-final td { word-break: break-all; padding: 0 } table.table-final td.number { work-break: normal } table.table-final th { background: #D6D6D6; padding: 5px } table.table-final th.account { text-align: left } table.table-final th.account>div { padding-left: 1.3em } table.table-final th.amount { text-align: right; padding-right: 0.6em } div.table-scrollable-wrapper { overflow-x: scroll } div.table-scrollable-wrapper table.table-scrollable th, div.table-scrollable-wrapper table.table-scrollable td { padding: 6px } div.table-scrollable-wrapper table.table-scrollable th { background: #F0F0F0; border-bottom: 1px solid #333 } div.table-scrollable-wrapper table.table-scrollable th.period { text-align: right } div.table-scrollable-wrapper table.table-scrollable td { white-space: nowrap } div.table-scrollable-wrapper table.table-scrollable td.number { min-width: 80px } div.table-scrollable-wrapper table.table-scrollable tr.level-2 td.line-label { padding-left: 1em } div.table-scrollable-wrapper table.table-scrollable tr.level-3 td.line-label { padding-left: 2em } div.table-scrollable-wrapper table.table-scrollable tr.cf-category { border-top: double #333 } div.table-scrollable-wrapper table.table-scrollable tr.title-line td { font-weight: bold } div.table-scrollable-wrapper table.table-scrollable td.includes-unsettled { background: #ddf0f5 } div.table-scrollable-wrapper table.table-scrollable td.negative-balance { color: red } table.crosstabs-table { text-align: left } table.crosstabs-table thead>tr>th:last-child, table.crosstabs-table th.align-right { text-align: right } table.crosstabs-table tbody>tr:last-child { border-top: 1px solid #333 } .crosstabs-page .graph-selector { margin-top: 20px } .crosstabs-page #graph-axis-selector, .crosstabs-page #graph-series-selector { left: 50%; margin-left: -104px } .deal_table_pencil_button { width: 5px } .deal_table_issue_date { width: 20px } .deal_table_payment_date { width: 20px } .deal_table_payment_status { width: 20px } .deal_table_li_amount { width: 50px } .deal_table_due_amount { width: 20px } .deal_table_partner { width: 50px } .deal_table_tags { width: 50px } .deal_table_description { width: 50px } #txn_table_inside th { padding: 4px 8px } #txn_table_inside #th_txn_date { width: 70px } #txn_table_inside #th_deal_origin { width: 28px } #txn_table_inside #th_account_item { width: 120px } #txn_table_inside #th_amount { width: 60px } #txn_table_inside #th_tax { width: 50px } #txn_table_inside th.th-group { text-align: center; background: #f8f8f8 } .txn_table { border: solid 1px #888 !important } .modal-content.new-settlement-modal { width: 920px } .modal-content.new-settlement-modal .alert { display: none } .modal-content.new-settlement-modal .jy-lines-table { width: 866px } .modal-content.new-settlement-modal .jy-editor-contents-body { width: 866px } .new-sign:after { content: "NEW"; display: inline-block; vertical-align: middle; background-color: #f0ad4e; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; color: #fff; padding: 1px 5px; margin-left: 5px } th.summary-selector { vertical-align: bottom } th.summary-selector label { margin: 0; display: inline-block; padding-top: 3px; border-radius: 2px } th.summary-selector label input { margin: 0 2px 0 5px; display: inline-block } th.summary-selector label.summary-selector-txn-number { background: #dfdfff } th.summary-selector label.summary-selector-ref { background: #cdfbe9 } th.summary-selector label.summary-selector-partner { background: #f9e2e5 } th.summary-selector label.summary-selector-zhxx { background: #09e0e5 } th.summary-selector label.summary-selector-zc { background: #f0ffef } th.summary-selector label.summary-selector-item { background: #dfecaa } th.summary-selector label.summary-selector-ch { background: #acc } th.summary-selector label.summary-selector-inventory { background: #acc } th.summary-selector label.summary-selector-default { background: #fff7aa } th.summary-selector label.summary-selector-cash { background: #abcdf1 } .tagify-tag-inventory { background-color: #acc } .tagify-tag-bg-inventory { background-color: #acc } .tagify-tag-bg-cash { background-color: #abcdf1 } th.summary-selector label.summary-selector-section { background: #fec } th.summary-selector label.summary-selector-description { background: #cbe6ff } th.summary-selector label.summary-selector-wallet-txn-description { background: #d6d6d6 } .list-page .list-body table td.deal-line-summary { padding: 4px; line-height: 15px } .list-page .list-body table td.deal-line-summary .deal-line-tags-container { overflow: auto; display: inline-block } .list-page .list-body table td.deal-line-summary .deal-line-tags-container span { display: inline-block; font: 12px Verdana, sans-serif; padding: 1px; margin: 1px; border-radius: 2px; color: #666 } .list-page .list-body table td.deal-line-summary .deal-line-tags-container .deal-line-description, .list-page .list-body table td.deal-line-summary .deal-line-tags-container .wallet-txn-description, .list-page .list-body table td.deal-line-summary .deal-line-tags-container .txn-number { padding: 3px } .list-page .list-body table td.deal-line-summary .deal-line-description, .list-page .list-body table td.deal-line-summary .wallet-txn-description, .list-page .list-body table td.deal-line-summary .txn-number { display: inline-block; vertical-align: top; font: 12px Verdana, sans-serif; margin-top: 1px; padding: 3px; border-radius: 2px; color: #666; word-break: break-word; overflow: hidden } .list-page .list-body table td.deal-line-summary .deal-line-description { background: #cbe6ff } .list-page .list-body table td.deal-line-summary .wallet-txn-description { background: #f2f2f2; white-space: nowrap; text-overflow: ellipsis; max-width: 178px } table.list-table td.deal-line-summary .tagify-tag-bg-default, table.list-table td.deal-line-summary .tagify-tag-bg-partner, table.list-table td.deal-line-summary .tagify-tag-bg-zhxx, table.list-table td.deal-line-summary .tagify-tag-bg-item, table.list-table td.deal-line-summary .tagify-tag-bg-section, table.list-table td.deal-line-summary .deal-line-description, table.list-table td.deal-line-summary .wallet-txn-description, table.list-table td.deal-line-summary .tagify-tag-bg-inventory, table.list-table td.deal-line-summary .txn-number, table.list-table td.deal-line-summary .ref { float: left; display: inline-block; vertical-align: top; font-size: 12px; padding: 1px 3px; border-radius: 2px; color: #666; word-break: break-word; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; margin-top: 2px; margin-right: 2px } table.list-table td.deal-line-summary .wallet-txn-description, table.list-table td.deal-line-summary .deal-line-description { max-width: 178px } table.list-table td.deal-line-summary .deal-line-description { background: #cbe6ff } table.list-table td.deal-line-summary .wallet-txn-description { background: #f2f2f2 } table.list-table td.deal-line-summary .txn-number { background: #dfdfff } table.list-table td.deal-line-summary .ref { background: #cdfbe9 } .txn-summary .txn-number { background: #dfdfff; border-radius: 2px } table.list-table>thead>tr>th.without-label-icon-cell, table.list-table>thead>tr>th.deal-code-cell, table.list-table>tbody>tr>td.without-label-icon-cell, table.list-table>tbody>tr>td.deal-code-cell, table.list-table>tfoot>tr>td.without-label-icon-cell, table.list-table>tfoot>tr>td.deal-code-cell, table.list-table>tfoot>tr>th.without-label-icon-cell, table.list-table>tfoot>tr>th.deal-code-cell { text-align: center; width: 50px } table.list-table>thead>tr>th span.income, table.list-table>tbody>tr>td span.income, table.list-table>tfoot>tr>td span.income, table.list-table>tfoot>tr>th span.income { background-color: #208dc3; color: #fff; padding: 2px 4px } table.list-table>thead>tr>th span.expense, table.list-table>tbody>tr>td span.expense, table.list-table>tfoot>tr>td span.expense, table.list-table>tfoot>tr>th span.expense { background-color: #c7243a; color: #fff; padding: 2px 4px } table.list-table>thead>tr>th.account-item-cell, table.list-table>tbody>tr>td.account-item-cell, table.list-table>tfoot>tr>td.account-item-cell, table.list-table>tfoot>tr>th.account-item-cell { width: 160px } table.list-table>thead>tr>th.sl-cell, table.list-table>tbody>tr>td.sl-cell, table.list-table>tfoot>tr>td.sl-cell, table.list-table>tfoot>tr>th.sl-cell { width: 60px } table.list-table>thead>tr>th.gfmc-item-cell, table.list-table>tbody>tr>td.gfmc-item-cell, table.list-table>tfoot>tr>td.gfmc-item-cell, table.list-table>tfoot>tr>th.gfmc-item-cell { width: 200px } table.list-table>thead>tr>th.line-item-approval-cell, table.list-table>tbody>tr>td.line-item-approval-cell, table.list-table>tfoot>tr>td.line-item-approval-cell, table.list-table>tfoot>tr>th.line-item-approval-cell { width: 75px } table.list-table>thead>tr>th.th-group { text-align: center; background: #f8f8f8; border-bottom: 1px solid #ddd } table.list-table.journals-table>thead>tr>th.checkbox-cell, table.list-table.journals-table>tbody>tr>td.checkbox-cell { text-align: center; width: 30px } table.list-table.journals-table>thead>tr>th.account-item-cell, table.list-table.journals-table>tbody>tr>td.account-item-cell { width: 280px } table.list-table.journals-table>thead>tr>th.adjustment-cell, table.list-table.journals-table>tbody>tr>td.adjustment-cell { width: 50px } table.list-table.journals-table>thead>tr>th.deal-origin-cell, table.list-table.journals-table>tbody>tr>td.deal-origin-cell { width: 50px } table.list-table.journals-table>thead>tr>th.tax-cell, table.list-table.journals-table>tbody>tr>td.tax-cell { width: 90px } table.list-table.journals-table>thead>tr>th.amount-cell, table.list-table.journals-table>tbody>tr>td.amount-cell { width: 90px } table.list-table.journals-table>thead>tr>th.vat-cell, table.list-table.journals-table>tbody>tr>td.vat-cell { width: 60px } table.list-table.journals-table>thead>tr>th { vertical-align: middle } table.list-table.journals-table>thead>tr>th.summary-selector table.summary-selector-layout-table { margin: 0 } table.list-table.journals-table>thead>tr>th.summary-selector table.summary-selector-layout-table td.summary-label { width: 30px } table.list-table.journals-table>thead>tr>th.summary-selector table.summary-selector-layout-table td.txn-summary-selector-wrapper { padding-left: 8px } table.list-table.journals-table>tbody>tr>td.description-cell { padding-top: 7px; padding-bottom: 8px } table.list-table.journals-table>tbody>tr>td.amount-cell, table.list-table.journals-table>tbody>tr>td.number { text-align: right } table.list-table.journals-table>tbody>tr>td.vat-cell { text-align: right } table.list-table.journals-table.without-summary-partner td.deal-line-summary .tagify-tag-bg-partner { display: none } table.list-table.journals-table.without-summary-zhxx td.deal-line-summary .tagify-tag-bg-zhxx { display: none } table.list-table.journals-table.without-summary-inventory td.deal-line-summary .tagify-tag-bg-inventory { display: none } table.list-table.journals-table.without-summary-item td.deal-line-summary .tagify-tag-bg-item { display: none } table.list-table.journals-table.without-summary-default td.deal-line-summary .tagify-tag-bg-default { display: none } table.list-table.journals-table.without-summary-zc td.deal-line-summary .tagify-tag-bg-zcdjzb { display: none } table.list-table.journals-table.without-summary-section td.deal-line-summary .tagify-tag-bg-section { display: none } table.list-table.journals-table.without-summary-cash td.deal-line-summary .tagify-tag-bg-cash { display: none } table.list-table.journals-table.without-summary-deal-description td.deal-line-summary .deal-line-description { display: none } table.list-table.journals-table.without-summary-wallet-txn-description td.deal-line-summary .wallet-txn-description { display: none } table.list-table.journals-table.without-summary-txn-number td.deal-line-summary .txn-number { display: none } table.list-table.journals-table.without-summary-ref td.deal-line-summary .ref { display: none } .table thead { background-color: #F0F0F0 } .table-white { background: #FFF } td.payment-date-passed { color: #c7243a } td.number, th.number { text-align: right } td.center, th.center { text-align: center } td.right, th.right { text-align: right } td.file_name, th.file_name { max-width: 300px } th.date, td.date { width: 80px } .table-header { margin-top: 4px; padding-bottom: 5px } .table-header:after { content: ""; display: block; clear: both } .table-header .table-notes { float: right } .table-break-word { table-layout: fixed; word-wrap: break-word } .tab-select, .invoices-tab-container .tabs, .import-tabs { box-sizing: border-box; padding: 0 16px; width: 100%; border-bottom: 4px solid #43b1e8; list-style: none } .tab-select:after, .invoices-tab-container .tabs:after, .import-tabs:after { display: table; clear: both; content: "" } .tab-select .tab, .invoices-tab-container .tabs .tab, .import-tabs .tab { display: inline-block; box-sizing: border-box; margin-right: 4px; padding: 6px 16px; min-width: 120px; border: none; border-radius: 3px 3px 0 0; background-color: #eaeaea; color: #333; vertical-align: middle; text-align: center } .tab-select .tab:focus, .invoices-tab-container .tabs .tab:focus, .import-tabs .tab:focus { outline: 0 } .tab-select .tab:hover, .invoices-tab-container .tabs .tab:hover, .import-tabs .tab:hover { background-color: #43b1e8; color: #fff; text-decoration: underline; cursor: pointer } .tab-select .tab.active, .invoices-tab-container .tabs .tab.active, .import-tabs .tab.active { background-color: #43b1e8; color: #fff } .invoices-tab-container .tabs .tab { margin-right: 8px } .import-tabs { margin-top: 20px } .ui-tabs .ui-tabs-nav li a:hover { background-color: #43b1e8; color: #fff; text-decoration: underline } .ui-tabs .ui-tabs-nav li.ui-state-active a { background-color: #43b1e8; color: #fff } .ui-tabs .ui-tabs-nav li.ui-state-disabled a:hover { background-color: #eaeaea; color: #333; text-decoration: none } .ui-tabs .ui-tabs-nav li.ui-state-hover { border: 0 none; background: transparent none; color: #fff; font-weight: normal } .ui-tabs .ui-tabs-nav li.ui-state-default { border: 0 none; background-color: transparent; box-shadow: none } .wallet_txn_editor .ui-tabs { padding-top: 8px } .tagify-large { width: 218px } .tagify-huge { width: 453px } .tagify-long-long { width: 348px } .tagify-long { width: 295px } .tagify-short { width: 250px } .tagify-tiny { width: 145px } .tagify-bordered { border: 1px solid #CCC } .tagify-container { border-radius: 4px; font: 12px Verdana, sans-serif; min-height: 26px; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); transition: border linear 0.2s, box-shadow linear 0.2s } .tagify-container:not (:disabled) { background-color: #FFF } .tagify-container:after { clear: both; content: ""; display: block; height: 0 } .tagify-container .tagbox { background: transparent; box-sizing: border-box; box-shadow: none; margin: 0; border: 0; height: 26px; width: 160px } .kcje_td .kcje { background: transparent; box-sizing: border-box; box-shadow: none; margin: 0; border: 0; height: 26px; width: 110px } .kcje_td .kcje>div>input { height: 18px; width: 95% } .tagify-container .ac_container { display: block } .tagify-container.disabled { background-color: #EEE } .tagify-container>span { padding: 2px; margin: 1px; border-radius: 2px; border: 1px solid #EEE; color: #666 } .tagify-container>span>.remove { cursor: pointer; padding-left: 5px; color: #EB7E14; text-decoration: none; font-weight: bold; float: right } .tagify-container>input { border: 0 none; width: 100px } .tagify-container>input:focus { outline: 0 } .tagify-tag, .tagify-tag-default, .tagify-tag-partner, .tagify-tag-item, .tagify-tag-section, .tagify-tag-walletable { max-width: 140px; word-wrap: break-word } .tagify-tag-default { background-color: #fff7aa } .tagify-tag-partner { background-color: #f9e2e5 } .tagify-tag-item { background-color: #dfecaa } .tagify-tag-section { background-color: #fec } .tagify-tag-walletable { background-color: #cbe6f3 } .tagify-tag-bg-default { background-color: #fff7aa } .tagify-tag-bg-partner { background-color: #f9e2e5 } .tagify-tag-bg-zhxx { background-color: #09e0e5 } .tagify-tag-bg-zcdjzb { background-color: #f0ffef } .tagify-tag-bg-item { background-color: #dfecaa } .tagify-tag-bg-section { background-color: #fec } .tagify-tag-bg-walletable { background-color: #cbe6f3 } .tagify-tag-bg-account_item { background-color: #E6D6FA } .tagify-tag-bg-tax { background-color: #E3E3E3 } .tagify-container>span.tag-input-container { position: relative; padding: 0; margin: 0; border-radius: 0; border: 0; width: 100% } .step-inner .tagify-container>span.tag-input-container { position: inherit } html.tax-reports-pdf body { margin: 0; padding: 0; background: #fff; width: 100%; height: 100%; font: 12px/1 "Hiragino Kaku Gothic Pro", "sans-serif"; overflow: visible; border: none } html.tax-reports-pdf .main-container { border: none } html.tax-reports-pdf .container { width: 100% } html.tax-reports-pdf table { page-break-inside: auto; clear: both } html.tax-reports-pdf table tr, html.tax-reports-pdf table th, html.tax-reports-pdf table td { page-break-inside: avoid } html.tax-reports-pdf table td { font-size: 10px; height: 20px } html.tax-reports-pdf table td.group-key { width: 90px } html.tax-reports-pdf table td.number { width: 90px } .text-red2 { color: #e6939d } .text-red3 { color: #c7243a } .text-small { font-size: 10px } .text-middle { font-size: 15px } .text-large { font-size: 18px } .text-bold { font-weight: bold } .text-word-break { word-break: break-word } h2 i { margin-right: .1em } .modal-content.tickets-new-modal { width: 700px } .modal-content.tickets-new-modal .alert { display: none } .ticket-form .subject-input { width: 660px } .ticket-form .help-results { display: none; margin-bottom: 16px } .ticket-form .help-results ul.help-results-inner { margin: 0; padding: 0 0 0 30px; list-style: none } .ticket-form .help-results ul.help-results-inner li { margin-top: 3px } .ticket-form .category-input { width: 660px } .ticket-form .body-input { width: 660px; height: 200px } .modal-content.tickets-new-modal.responsive { width: 100% } .modal-content.tickets-new-modal.responsive .substitute { display: none } .modal-content.tickets-new-modal.responsive .ticket-form .field { width: 98%; padding-right: 20px } .modal-content.tickets-new-modal.responsive .ticket-form .field .subject-input, .modal-content.tickets-new-modal.responsive .ticket-form .field .category-input, .modal-content.tickets-new-modal.responsive .ticket-form .field .body-input { width: 100% } .tickets-header .notice { width: 550px; padding: 7px 5px; margin: 10px; border: 1px solid #4A90E2; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px } .tickets-header .notice .title { padding-bottom: 5px; font-size: 18px; font-weight: bold } .tickets-header .notice .message { padding-bottom: 5px; font-size: 13px } .fr-timeline { width: 100% } .fr-timeline .fr-timeline-title { line-height: 30px; margin-bottom: 3px; font-size: 18px; font-weight: bold } .fr-timeline .fr-timeline-content { border-radius: 5px; width: 100%; background-color: #f9f9f9; border: 1px solid #efefef } .fr-timeline .fr-timeline-content .fr-timeline-row { display: block; cursor: default } .fr-timeline .fr-timeline-content .fr-timeline-row.comment { padding: 6px 10px } .fr-timeline .fr-timeline-content .fr-timeline-row.comment .header .username { display: inline-block; margin-right: 5px; font-size: 16px } .fr-timeline .fr-timeline-content .fr-timeline-row.comment .header .status { display: inline-block; margin-right: 5px; padding: 1px 3px; text-align: center; vertical-align: top; font-size: 11px; color: #fff } .fr-timeline .fr-timeline-content .fr-timeline-row.comment .header .status.raised { background-color: #c7243a; cursor: pointer } .fr-timeline .fr-timeline-content .fr-timeline-row.comment .header .status.resolved { background-color: #a4c520 } .fr-timeline .fr-timeline-content .fr-timeline-row.comment .header .edit, .fr-timeline .fr-timeline-content .fr-timeline-row.comment .header .cancel { cursor: pointer } .fr-timeline .fr-timeline-content .fr-timeline-row.comment .header .edit:hover, .fr-timeline .fr-timeline-content .fr-timeline-row.comment .header .cancel:hover { color: #208dc3 } .fr-timeline .fr-timeline-content .fr-timeline-row.comment .header .datetime { display: inline-block } .fr-timeline .fr-timeline-content .fr-timeline-row.comment .body { margin: 3px 0; border: 1px solid #ccc; border-radius: 5px; padding: 7px; background-color: #faf5f1 } .fr-timeline .fr-timeline-content .fr-timeline-row.comment .body .destroyer { float: right; margin-top: -4px; font-size: 17px; cursor: pointer } .fr-timeline .fr-timeline-content .fr-timeline-row.comment .body .recipient { font-size: 13px; color: #208dc3 } .fr-timeline .fr-timeline-content .fr-timeline-row.deal-history { margin: 10px } .fr-timeline .fr-timeline-content .fr-timeline-row.deal-history .datetime { display: inline-block; font-size: 12px; color: #9E9EA6; margin-left: 10px } .fr-timeline .fr-timeline-content .fr-timeline-row.deal-history .content { border-radius: 3px; padding: 7px; font-size: 14px; display: inline-block } .comment-editor { width: 100%; vertical-align: top; text-align: right; display: table } .comment-editor .setting-button-area { display: table-cell; width: 25px; padding: 10px 15px; position: relative; text-align: left } .comment-editor .setting-button-area .setting { padding: 5px 6px 3px } .comment-editor .setting-button-area .settings { width: 200px; height: 100px; top: -140px; position: absolute; z-index: 100; border: 1px solid #999; border-radius: 5px; padding: 10px; background-color: #fff } .comment-editor .setting-button-area .settings .recipient { width: 180px } .comment-editor .setting-button-area .settings .status span { display: inline-block; margin: 3px 3px 0 0; border: 2px solid transparent; padding: 2px 4px; text-align: center; vertical-align: top; font-size: 15px; color: #fff; cursor: pointer } .comment-editor .setting-button-area .settings .status span.raised { background-color: #5b101b } .comment-editor .setting-button-area .settings .status span.raised.active { background-color: #c7243a; border: 2px inset #f9e2e5 } .comment-editor .setting-button-area .settings .status span.resolved { background-color: #49570e } .comment-editor .setting-button-area .settings .status span.resolved.active { background-color: #a4c520; border: 2px inset #c0d860 } .comment-editor .setting-button-area .settings:before { content: ""; position: absolute; border-top: 10px solid #999; border-left: 8px solid transparent; border-right: 8px solid transparent; bottom: -10px; left: 4px } .comment-editor .setting-button-area .settings>*:first-child:before { content: ""; position: absolute; border-top: 8px solid #fff; border-left: 6px solid transparent; border-right: 6px solid transparent; bottom: -8px; left: 6px } .comment-editor .content-area { display: table-cell; vertical-align: top; text-align: center; padding: 10px 0 } .comment-editor .content-area .content { padding: 4px; height: 18px; width: 98% } .comment-editor .button-area { display: table-cell; vertical-align: top; padding: 10px 15px; width: 80px } .comment-editor .button-area .btn.submit { display: table-cell; width: 90px } @-webkit-keyframes course-help-inner { 0% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0) } 100% { -webkit-transform: translateY(-4px); -moz-transform: translateY(-4px); -ms-transform: translateY(-4px); -o-transform: translateY(-4px); transform: translateY(-4px) } } @-moz-keyframes course-help-inner { 0% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0) } 100% { -webkit-transform: translateY(-4px); -moz-transform: translateY(-4px); -ms-transform: translateY(-4px); -o-transform: translateY(-4px); transform: translateY(-4px) } } @-o-keyframes course-help-inner { 0% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0) } 100% { -webkit-transform: translateY(-4px); -moz-transform: translateY(-4px); -ms-transform: translateY(-4px); -o-transform: translateY(-4px); transform: translateY(-4px) } } @keyframes course-help-inner { 0% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0) } 100% { -webkit-transform: translateY(-4px); -moz-transform: translateY(-4px); -ms-transform: translateY(-4px); -o-transform: translateY(-4px); transform: translateY(-4px) } } @-webkit-keyframes course-help-inner-bottom { 0% { -webkit-transform: translateY(-4px); -moz-transform: translateY(-4px); -ms-transform: translateY(-4px); -o-transform: translateY(-4px); transform: translateY(-4px) } 100% { -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px) } } @-moz-keyframes course-help-inner-bottom { 0% { -webkit-transform: translateY(-4px); -moz-transform: translateY(-4px); -ms-transform: translateY(-4px); -o-transform: translateY(-4px); transform: translateY(-4px) } 100% { -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px) } } @-o-keyframes course-help-inner-bottom { 0% { -webkit-transform: translateY(-4px); -moz-transform: translateY(-4px); -ms-transform: translateY(-4px); -o-transform: translateY(-4px); transform: translateY(-4px) } 100% { -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px) } } @keyframes course-help-inner-bottom { 0% { -webkit-transform: translateY(-4px); -moz-transform: translateY(-4px); -ms-transform: translateY(-4px); -o-transform: translateY(-4px); transform: translateY(-4px) } 100% { -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px) } } @-webkit-keyframes course-help { 0% { opacity: 0 } 100% { opacity: 1 } } @-moz-keyframes course-help { 0% { opacity: 0 } 100% { opacity: 1 } } @-o-keyframes course-help { 0% { opacity: 0 } 100% { opacity: 1 } } @keyframes course-help { 0% { opacity: 0 } 100% { opacity: 1 } } @-webkit-keyframes course-help-fadeout { 0% { opacity: 1 } 100% { opacity: 0 } } @-moz-keyframes course-help-fadeout { 0% { opacity: 1 } 100% { opacity: 0 } } @-o-keyframes course-help-fadeout { 0% { opacity: 1 } 100% { opacity: 0 } } @keyframes course-help-fadeout { 0% { opacity: 1 } 100% { opacity: 0 } } .course-help { position: absolute; top: 0; left: 0; z-index: 500 } .course-help.animated { -webkit-animation: course-help 0.6s ease 1; -moz-animation: course-help 0.6s ease 1; -o-animation: course-help 0.6s ease 1; animation: course-help 0.6s ease 1 } .course-help.animated .course-help-inner { -webkit-animation: course-help-inner 0.4s ease infinite alternate; -moz-animation: course-help-inner 0.4s ease infinite alternate; -o-animation: course-help-inner 0.4s ease infinite alternate; animation: course-help-inner 0.4s ease infinite alternate } .course-help.fadein { -webkit-animation: course-help 150ms ease 1; -moz-animation: course-help 150ms ease 1; -o-animation: course-help 150ms ease 1; animation: course-help 150ms ease 1; -webkit-animation-fill-mode: forwards; -moz-animation-fill-mode: forwards; -o-animation-fill-mode: forwards; animation-fill-mode: forwards } .course-help.fadeout { -webkit-animation: course-help-fadeout 300ms ease 1; -moz-animation: course-help-fadeout 300ms ease 1; -o-animation: course-help-fadeout 300ms ease 1; animation: course-help-fadeout 300ms ease 1; -webkit-animation-fill-mode: forwards; -moz-animation-fill-mode: forwards; -o-animation-fill-mode: forwards; animation-fill-mode: forwards } .course-help .course-help-inner { box-sizing: border-box; padding: 8px 16px; background-color: #fff; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; min-width: 300px; border: 2px solid #666; white-space: nowrap } .course-help .course-help-inner:before { content: ""; display: block; border-top: 10px solid #666; border-left: 10px solid transparent; border-right: 10px solid transparent; position: absolute; bottom: -10px; left: 50%; margin: 0 0 0 -10px } .course-help .course-help-inner .course-help-content { text-align: center } .course-help .course-help-inner .course-help-content:before { content: ""; display: block; border-top: 10px solid #fff; border-left: 10px solid transparent; border-right: 10px solid transparent; position: absolute; bottom: -7px; left: 50%; margin: 0 0 0 -10px } .course-help.right-positioned .course-help-inner:before { left: auto; right: 10px } .course-help.right-positioned .course-help-inner .course-help-content:before { left: auto; right: 10px } .course-help.left-positioned .course-help-inner:before { left: 40px; right: auto } .course-help.left-positioned .course-help-inner .course-help-content:before { left: 40px; right: auto } .course-help.bottom-positioned { margin-top: 8px } .course-help.bottom-positioned.animated .course-help-inner { -webkit-animation-name: course-help-inner-bottom; -moz-animation-name: course-help-inner-bottom; -o-animation-name: course-help-inner-bottom; animation-name: course-help-inner-bottom } .course-help.bottom-positioned .course-help-inner:before { bottom: auto; top: -10px; border-top: 0; border-bottom: 10px solid #666 } .course-help.bottom-positioned .course-help-inner .course-help-content:before { bottom: auto; top: -7px; border-top: 0; border-bottom: 10px solid #fff } .color-income, .income_rim { -webkit-box-shadow: 0px 0px 5px 0px #6eb7db inset; -moz-box-shadow: 0px 0px 5px 0px #6eb7db inset; box-shadow: 0px 0px 5px 0px #6eb7db inset; background: #cbe6f3 } .color-expense, .expense_rim { -webkit-box-shadow: 0px 0px 5px 0px #e6939d inset; -moz-box-shadow: 0px 0px 5px 0px #e6939d inset; box-shadow: 0px 0px 5px 0px #e6939d inset; background: #f9e2e5 } #breadcrumb { height: 30px; padding: 2px 6px 2px 15px !important; overflow: visible !important } #breadcrumb li { margin-top: 5px } #breadcrumb .wallet_txn_menu { margin: 1px 1px 0 0; padding: 0 } #wallet_txns_filter #entry_side_switcher .btn-income i { color: #208dc3 } #wallet_txns_filter #entry_side_switcher .btn-expense i { color: #c7243a } #wallet_txns_filter #filter-toggle-wrap i { font-size: 18px } #wallet_txns_filter .filter-line select#order { width: 110px } #wallet_txns_filter .detailed-filter { padding: 20px 15px } #wallet_txns_filter #reconciliations { float: right } #wallet_txns { padding: 0 0 5px } .wallet_txn { border: 1px solid #E3E3E3; padding: 10px; margin: 10px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; position: relative } .wallet_txn .wallet_txn_inner { background: rgba(255, 255, 255, 0.5) } .wallet_txn .wallet_txn_header { font-size: 15px; font-weight: bolder; padding: 10px 0 5px 10px } .wallet_txn .wallet_txn_header span { margin-left: 10px; font-size: 13px } .wallet_txn .wallet_txn_body { position: relative; padding: 5px } .wallet_txn .wallet_txn_body_left .wallet_txn-info { margin-right: 120px } .wallet_txn .wallet_txn_body_left table.table_wallet_txn_info th { background-color: #D6D6D6 } .wallet_txn .wallet_txn_body_left table.table_wallet_txn_info td { background-color: #F0F0F0 } .wallet_txn .wallet_txn_body_left table.table_wallet_txn_info td.number i.icon-arrow-down { color: #d04255 } .wallet_txn .wallet_txn_body_left table.table_wallet_txn_info td.number i.icon-arrow-up { color: #007ab7 } .wallet_txn_show { margin-right: 120px } .wallet_txn_show .suggest-allow { font-size: 30px; color: #a4c520; box-sizing: border-box; width: 64px; float: left; text-align: right; padding-right: 4px } .wallet_txn_show .suggested-summary { margin-left: 64px } .wallet_txn_show table { border: 1px solid #ddd } .wallet_txn_show th, .wallet_txn_show td { background-color: #fff; padding: 5px 2px; vertical-align: baseline } .wallet_txn_show th { width: 40px; padding-top: 5px; color: #999; white-space: nowrap; font-weight: normal; font-size: 11px } .wallet_txn_show td { white-space: nowrap } .wallet_txn_show td i.icon-fr-check { margin-left: 5px; color: #a4c520 } .wallet_txn_show td.tags-container { min-width: 180px; white-space: normal } .wallet_txn_show .editor-toggle { width: 50px; font-size: 14px; color: #08c; cursor: pointer } .wallet_txn_show .editor-toggle a { text-decoration: none } .wallet_txn_show .editor-toggle i { margin-right: 5px } .wallet_txn_editor { margin-top: 5px } .wallet_txn_editor .ui-widget-header .editor-toggle { margin: 0 10px 0 0; font-size: 12px; cursor: pointer } .wallet_txn_editor .ui-widget-header .editor-toggle a { text-decoration: none } .wallet_txn_editor .deals-selector-form .standard-form { margin-bottom: 15px } .wallet_txn_actions { position: absolute; box-sizing: border-box; top: 32px; right: 6px; width: 110px; height: 63px; margin-top: -63px; white-space: nowrap } .wallet_txn_actions .wallet_txn_action_etc { height: 35px } .wallet_txn_actions .wallet_txn_action_etc a.ignore { position: absolute; top: 0; right: 0; font-size: 20px; display: block; color: #A6A6A6; cursor: pointer; text-decoration: none } .wallet_txn_actions .wallet_txn_action_etc a.ignore:hover { color: #d04255; text-decoration: none } .wallet_txn_actions .wallet_txn_automate { display: inline-block; height: 23px; margin-top: 12px } .wallet_txn_actions .wallet_txn_automate label { margin: 0; display: inline-block; vertical-align: bottom } .wallet_txn_actions .wallet_txn_automate i { vertical-align: middle } .wallet_txn_actions button.reconcile { position: absolute; bottom: 0; right: 0; box-sizing: border-box; width: 110px } .wallet_txn_focus { border: 1px solid #000 } table.wallet-txn-list-table td.manual-mark>span { background: #535353; border-radius: 50%; color: #fff; font-size: 9px; height: 20px; width: 30px; margin: 0; padding: 0; text-align: center; display: inline-block } table.wallet-txn-list-table td.upload_mark>span { background: #6fbd36; border-radius: 50%; color: #fff; font-size: 9px; height: 20px; width: 40px; margin: 0; padding: 0; text-align: center; display: inline-block } table.wallet-txn-list-table td.pdf_mark>span { background: #6fbd36; border-radius: 50%; color: #fff; font-size: 9px; height: 20px; width: 40px; margin: 0; padding: 0; text-align: center; display: inline-block } table.wallet-txn-list-table td.caiji_mark>span { background: #cec915; border-radius: 50%; color: #fff; font-size: 9px; height: 20px; width: 40px; margin: 0; padding: 0; text-align: center; display: inline-block } table.wallet-txn-list-table td.zlcj_mark>span { background: #78d9e9; border-radius: 50%; color: #fff; font-size: 9px; height: 20px; width: 40px; margin: 0; padding: 0; text-align: center; display: inline-block } .scrub-selector .deal-total-amount, .scrub-selector .deal-difference-amount { width: 120px; border: 0; border-bottom: 1px solid #555; background: none; padding-bottom: 0; cursor: text; font-size: 16px; border-radius: 0; box-shadow: red 0 0 0 } table.wallet-txn-list-table td.walletable-status .ppyjcz { background: #cbe6f3 } table.wallet-txn-list-table td.walletable-status .ppyjczjs { background: #6eb7db } .dfzhmc-cell { width: 140px } .dengji { margin-left: 10px } .hulve { margin-left: 10px } .shanchu { margin-left: 10px } .quxiaodengji { margin-left: 10px } .xgjy { margin-left: 10px } #term_selector { width: 130px } #order { width: 130px } .invoice_auto { font-weight: bold; background-color: #33dd40; color: #fff; font-size: 10px } .unreconciled { background: #f9e2e5; padding: 4px; display: inline-block; border-radius: 2px } .ppfp { background: #dfecaa; padding: 4px; display: inline-block; border-radius: 2px } .reconciled { background: #dfecaa; padding: 4px; display: inline-block; border-radius: 2px } .part-reconciled { background: #e8aa18; padding: 4px; display: inline-block; border-radius: 2px } .zdpp-tag-wrapper{ display: inline-flex; color: #3476E3; background: #E6EFFF; margin-left: 5px; border: 1px solid rgba(52, 118, 227, 0.5); border-radius: 4px; padding: 3px 4px; } .zdpp-tag-wrapper .tooltiptext{ width: max-content !important; text-align: left !important; max-width: 400px; top: 100% !important; bottom: unset !important; } .ignored { background: #d6d6d6; padding: 4px; display: inline-block; border-radius: 2px } .ppyjcz { background: #f3d4e4; padding: 4px; display: inline-block; border-radius: 2px } #fp_search_entry_side_str { width: 80px } .bulk-destroyer-title { height: 27px; padding: 4px 5px 0; border-bottom: 2px solid #F6F6F6; font-size: 15px } .attention { font-weight: 900; margin-bottom: 14px } .dkzt_td .dkzt { background: transparent; box-sizing: border-box; box-shadow: none; margin: 0; height: 26px; width: 110px } .spmc_td .inp_spmc { background: transparent; box-sizing: border-box; box-shadow: none; margin: 0; height: 26px; width: 110px } .dkzt_td .dkzt>select { height: 28px; width: 95% } .tagify-tag-valueAddedTax { background-color: #f7c7cc } .tagify-tag-msxm { background-color: #c7f7f5 } .tagify-tag-note { background-color: #cfe7f3 } .tagify-tag- { background-color: #cfe7f3 } .tagify-tag-cultureFee { background-color: #ecfbbe } #xxfp_table { border: 1px solid #999 } #xxfp_table td { border: 1px solid #999; width: 200px; height: 28px; text-align: center } .summary-view { width: 80%; margin-bottom: 10px; padding: 20px; display: none } .invoiceName { font-size: 16px; font-weight: 600 } .settlement-amount-under { display: none } .settlement-register-transfer-fee { display: none } .invoice-zhuan:after { content: '专'; color: #fff; background-color: #d9534f; font-size: 14px; padding: 2px; font-weight: bolder; margin-left: 2px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; border-radius: 5px; display: inline-block; line-height: 14px; vertical-align: baseline } #dianRed:after { content: '电'; color: #fff; background-color: #d9534f; font-size: 14px; padding: 2px; font-weight: bolder; margin-left: 2px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; border-radius: 5px; display: inline-block; line-height: 14px; vertical-align: baseline; cursor: pointer } #dianGray:after { content: '电'; color: #fff; background-color: #5D605E; font-size: 14px; padding: 2px; font-weight: bolder; margin-left: 2px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; border-radius: 5px; display: inline-block; line-height: 14px; vertical-align: baseline; cursor: pointer } .invoice-juan:after { content: '卷'; color: #fff; background-color: #d9534f; font-size: 14px; padding: 2px; font-weight: bolder; margin-left: 2px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; border-radius: 5px; display: inline-block; line-height: 14px; vertical-align: baseline; cursor: pointer } .sfgl-none:after { content: '无'; color: #fff; background-color: #d9534f; font-size: 14px; padding: 2px; font-weight: bolder; margin-left: 2px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; border-radius: 5px; display: inline-block; line-height: 14px; vertical-align: baseline } .sfgl-qian:after { content: '欠'; background-color: #f9e2e5; font-size: 14px; padding: 4px; margin-left: 2px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; border-radius: 5px; display: inline-block; line-height: 14px; vertical-align: baseline } .fr:after { content: '法'; background-color: #f9e2e5; font-size: 14px; padding: 4px; margin-left: 2px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; border-radius: 5px; display: inline-block; line-height: 14px; vertical-align: baseline } .wxqr:after { content: '无需确认'; background-color: #ddd; font-size: 12px; padding: 4px; margin-left: 2px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; border-radius: 5px; display: inline-block; line-height: 14px; vertical-align: baseline } .xyqr:after { content: '需要确认'; background-color: #f9e2e5; font-size: 12px; padding: 4px; margin-left: 2px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; border-radius: 5px; display: inline-block; line-height: 14px; vertical-align: baseline } .wqr:after { content: '未确认'; background-color: #f9e2e5; font-size: 12px; padding: 4px; margin-left: 2px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; border-radius: 5px; display: inline-block; line-height: 14px; vertical-align: baseline } .yqr:after { content: '已确认'; background-color: #dfecaa; font-size: 12px; padding: 4px; margin-left: 2px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; border-radius: 5px; display: inline-block; line-height: 14px; vertical-align: baseline } .wdq:after { content: '未读'; background-color: #f9e2e5; font-size: 12px; padding: 4px; margin-left: 2px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; border-radius: 5px; display: inline-block; line-height: 14px; vertical-align: baseline } .ydq:after { content: '已读'; background-color: #dfecaa; font-size: 12px; padding: 4px; margin-left: 2px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; border-radius: 5px; display: inline-block; line-height: 14px; vertical-align: baseline } .dqwqr-n:after { content: '未到期'; background-color: #dfecaa; font-size: 12px; padding: 4px; margin-left: 2px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; border-radius: 5px; display: inline-block; line-height: 14px; vertical-align: baseline } .dqwqr-y:after { content: '已到期'; background-color: #f9e2e5; font-size: 12px; padding: 4px; margin-left: 2px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; border-radius: 5px; display: inline-block; line-height: 14px; vertical-align: baseline } .qryy:after { content: '有疑义'; background-color: #ecdd54; font-size: 12px; padding: 4px; margin-left: 2px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; border-radius: 5px; display: inline-block; line-height: 14px; vertical-align: baseline } .glyybd-y:after { content: '是'; background-color: #dfecaa; font-size: 14px; padding: 4px; margin-left: 2px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; border-radius: 5px; display: inline-block; line-height: 14px; vertical-align: baseline } .glyybd-n:after { content: '否'; background-color: #f9e2e5; font-size: 14px; padding: 4px; margin-left: 2px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; border-radius: 5px; display: inline-block; line-height: 14px; vertical-align: baseline } .sfgl-yu:after { content: '预'; background-color: #dfecaa; font-size: 14px; padding: 4px; margin-left: 2px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; border-radius: 5px; display: inline-block; line-height: 14px; vertical-align: baseline } .bank-back:after { content: '回'; color: #fff; background-color: #d9534f; font-size: 14px; padding: 2px; font-weight: bolder; margin-left: 2px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; border-radius: 5px; display: inline-block; line-height: 14px; vertical-align: baseline } .invoice-pu:after { content: '普'; color: #fff; background-color: #d9534f; font-size: 14px; padding: 2px; font-weight: bolder; margin-left: 2px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; border-radius: 5px; display: inline-block; line-height: 14px; vertical-align: baseline } .invoice-nong:after { content: '农'; color: #fff; background-color: #d9534f; font-size: 14px; padding: 2px; font-weight: bolder; margin-left: 2px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; border-radius: 5px; display: inline-block; line-height: 14px; vertical-align: baseline } .invoice-tong:after { content: '通'; color: #fff; background-color: #d9534f; font-size: 14px; padding: 2px; font-weight: bolder; margin-left: 2px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; border-radius: 5px; display: inline-block; line-height: 14px; vertical-align: baseline } .invoice-ji:after { content: '机'; color: #fff; background-color: #d9534f; font-size: 14px; padding: 2px; font-weight: bolder; margin-left: 2px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; border-radius: 5px; display: inline-block; line-height: 14px; vertical-align: baseline } .invoice-da:after { content: '打'; color: #fff; background-color: #d9534f; font-size: 14px; padding: 2px; font-weight: bolder; margin-left: 2px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; border-radius: 5px; display: inline-block; line-height: 14px; vertical-align: baseline } .invoice-dai:after { content: '代'; color: #fff; background-color: #d9534f; font-size: 14px; padding: 2px; font-weight: bolder; margin-left: 2px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; border-radius: 5px; display: inline-block; line-height: 14px; vertical-align: baseline } .invoice-yu:after { content: '预'; color: #fff; background-color: #d9534f; font-size: 14px; padding: 2px; font-weight: bolder; margin-left: 2px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; border-radius: 5px; display: inline-block; line-height: 14px; vertical-align: baseline } .invoice-cha:after { content: '差'; color: #fff; background-color: #d9534f; font-size: 14px; padding: 2px; font-weight: bolder; margin-left: 2px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; border-radius: 5px; display: inline-block; line-height: 14px; vertical-align: baseline } .invoice-di:after { content: '抵'; color: #fff; background-color: #d9534f; font-size: 14px; padding: 2px; font-weight: bolder; margin-left: 2px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; border-radius: 5px; display: inline-block; line-height: 14px; vertical-align: baseline } .invoice-daidi:after { content: '待'; color: #fff; background-color: #d9534f; font-size: 14px; padding: 2px; font-weight: bolder; margin-left: 2px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; border-radius: 5px; display: inline-block; line-height: 14px; vertical-align: baseline } .invoice-bu:after { content: '补'; color: #fff; background-color: #d9534f; font-size: 14px; padding: 2px; font-weight: bolder; margin-left: 2px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; border-radius: 5px; display: inline-block; line-height: 14px; vertical-align: baseline } .invoice-ckts:after { content: '退'; color: #fff; background-color: #d9534f; font-size: 14px; padding: 2px; font-weight: bolder; margin-left: 2px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; border-radius: 5px; display: inline-block; line-height: 14px; vertical-align: baseline } .invoice-wu:after { content: '无'; color: #fff; background-color: #d9534f; font-size: 14px; padding: 2px; font-weight: bolder; margin-left: 2px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; border-radius: 5px; display: inline-block; line-height: 14px; vertical-align: baseline } .invoice-hong:after { content: '红'; color: #fff; background-color: #d9534f; font-size: 14px; padding: 2px; font-weight: bolder; margin-left: 2px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; border-radius: 5px; display: inline-block; line-height: 14px; vertical-align: baseline } .invoice-shou:after { content: '收'; color: #fff; background-color: #d9534f; font-size: 14px; padding: 2px; font-weight: bolder; margin-left: 2px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; border-radius: 5px; display: inline-block; line-height: 14px; vertical-align: baseline } .invoice-gai:after { content: '改'; color: #fff; background-color: #d9534f; font-size: 14px; padding: 2px; font-weight: bolder; margin-left: 2px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; border-radius: 5px; display: inline-block; line-height: 14px; vertical-align: baseline } .invoice-hang:after { content: '航'; color: #fff; background-color: #d9534f; font-size: 14px; padding: 2px; font-weight: bolder; margin-left: 2px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; border-radius: 5px; display: inline-block; line-height: 14px; vertical-align: baseline } .invoice-tie:after { content: '铁'; color: #fff; background-color: #d9534f; font-size: 14px; padding: 2px; font-weight: bolder; margin-left: 2px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; border-radius: 5px; display: inline-block; line-height: 14px; vertical-align: baseline } .invoice-second-car:after { content: '二'; color: #fff; background-color: #d9534f; font-size: 14px; padding: 2px; font-weight: bolder; margin-left: 2px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; border-radius: 5px; display: inline-block; line-height: 14px; vertical-align: baseline } .tagify-container .khgysbox { background: transparent; box-sizing: border-box; box-shadow: none; margin: 0; border: 0; height: 26px; width: 160px } .trmouse:hover { background: #C4E1FF } .hasCheck { background: #ACD6FF } .top-fixed { width: 85%; left: 0; z-index: 99999 } .showAllBtn { color: #0961ef; cursor: pointer } .input50 { width: 50px } .bank-kh:after { content: '客'; color: #fff; background-color: #d9534f; font-size: 14px; padding: 2px; font-weight: bolder; margin-left: 2px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; border-radius: 5px; display: inline-block; line-height: 14px; vertical-align: baseline } .bank-gys:after { content: '供'; color: #fff; background-color: #d9534f; font-size: 14px; padding: 2px; font-weight: bolder; margin-left: 2px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; border-radius: 5px; display: inline-block; line-height: 14px; vertical-align: baseline } .bank-qt:after { content: '其他'; color: #fff; background-color: #d9534f; font-size: 14px; padding: 2px; font-weight: bolder; margin-left: 2px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; border-radius: 5px; display: inline-block; line-height: 14px; vertical-align: baseline } .fp-kh:after { content: '客'; color: #fff; background-color: #d9534f; font-size: 12px; padding: 2px; margin-left: 2px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; border-radius: 5px; display: inline-block; line-height: 14px; vertical-align: baseline } .fp-gys:after { content: '供'; color: #fff; background-color: #d9534f; font-size: 12px; padding: 2px; margin-left: 2px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; border-radius: 5px; display: inline-block; line-height: 14px; vertical-align: baseline } .fp-qt:after { content: '其他'; color: #fff; background-color: #d9534f; font-size: 12px; padding: 2px; margin-left: 2px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; border-radius: 5px; display: inline-block; line-height: 14px; vertical-align: baseline } .btn-class { height: 28px; margin-bottom: 10px; background-color: #ceee3f } .dropdown-menu { position: absolute; top: 100%; left: 0; z-index: 1000; display: none; float: left; min-width: 160px; padding: 5px 0; margin: 2px 0 0; font-size: 14px; text-align: left; list-style: none; background-color: #fff; -webkit-background-clip: padding-box; background-clip: padding-box; border: 1px solid rgba(0, 0, 0, .15); border-radius: 4px; -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175); box-shadow: 0 6px 12px rgba(0, 0, 0, .175) } .glyphicon { position: relative; top: 1px; display: inline-block; font-family: "'Glyphicons Halflings'"; font-style: normal; font-weight: 400; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale } .glyphicon-chevron-left:before { content: "<"; font-size: 20px; font-weight: bold } .glyphicon-chevron-right:before { content: ">"; font-size: 20px; font-weight: bold } .wcl:after { content: '未处理'; background-color: #f9e2e5; font-size: 13px; font-weight: bold; padding: 4px; margin-left: 2px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; border-radius: 5px; display: inline-block; line-height: 14px; vertical-align: baseline } .zdclwc:after { content: '自动完成'; background-color: #dfecaa; font-size: 13px; font-weight: bold; padding: 4px; margin-left: 2px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; border-radius: 5px; display: inline-block; line-height: 14px; vertical-align: baseline } .sgclwc:after { content: '手工完成'; background-color: #ecdd54; font-weight: bold; font-size: 13px; padding: 4px; margin-left: 2px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; border-radius: 5px; display: inline-block; line-height: 13px; vertical-align: baseline } .yc:after { content: '异常'; background-color: #d9534f; font-weight: bold; color: #fff; font-size: 13px; padding: 4px; margin-left: 2px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; border-radius: 5px; display: inline-block; line-height: 14px; vertical-align: baseline } .jg:after { content: '警告'; background-color: #fc8480; font-weight: bold; color: #fff; font-size: 13px; padding: 4px; margin-left: 2px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; border-radius: 5px; display: inline-block; line-height: 14px; vertical-align: baseline } .db:after { content: '待办'; background-color: #a3c711; font-weight: bold; font-size: 13px; color: #fff; padding: 4px; margin-left: 2px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; border-radius: 5px; display: inline-block; line-height: 14px; vertical-align: baseline } .dcl:after { content: '待处理'; background-color: #a3c711; font-size: 13px; font-weight: bold; color: #fff; padding: 4px; margin-left: 2px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; border-radius: 5px; display: inline-block; line-height: 14px; vertical-align: baseline } .yjsy:after { content: '已经使用'; color: #fff; background-color: #d9534f; font-size: 13px; padding: 2px; font-weight: bolder; margin-left: 2px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; border-radius: 5px; display: inline-block; line-height: 14px; vertical-align: baseline } .bgf:after { content: '不规范'; background-color: #fc8480; font-weight: bold; color: #fff; font-size: 13px; padding: 4px; margin-left: 2px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; border-radius: 5px; display: inline-block; line-height: 14px; vertical-align: baseline } .jsfs_w:after { content: '无'; background-color: #d9534f; font-weight: bold; color: #fff; font-size: 12px; padding: 2px; margin-left: 2px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; border-radius: 5px; display: inline-block; line-height: 12px; vertical-align: baseline } .greenIcon { content: '已完成'; background-color: #dfecaa; font-size: 13px; font-weight: bold; padding: 4px; margin-left: 2px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; border-radius: 5px; display: inline-block; line-height: 14px; vertical-align: baseline } .yellowIcon { background-color: #f9de57; display: inline-block; min-width: 10px; padding: 3px 7px; font-size: 12px; font-weight: 700; line-height: 1; text-align: center; white-space: nowrap; vertical-align: middle; border-radius: 10px; margin-left: 5px } .redIcon { display: inline-block; min-width: 10px; padding: 3px 7px; font-size: 12px; font-weight: 700; line-height: 1; color: #fff; text-align: center; white-space: nowrap; vertical-align: middle; background-color: #d9534f; border-radius: 10px; margin-left: 5px } .lsb_qrzt_1:after { content: '已确认'; color: #fff; background-color: #4b79c3; font-size: 10px; padding: 3px; font-weight: bolder; margin-left: 2px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; border-radius: 8px; display: inline-block; line-height: 10px; vertical-align: baseline } .lsb_qrzt_0:after { content: '未确认'; color: #fff; background-color: #d9534f; font-size: 10px; padding: 3px; font-weight: bolder; margin-left: 2px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; border-radius: 8px; display: inline-block; line-height: 10px; vertical-align: baseline } .greenIcon1 { background-color: #5cb85c; font-size: 13px; padding: 4px; margin-left: 2px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; border-radius: 5px; display: inline-block; line-height: 14px; vertical-align: baseline; color: #fff } .redIcon1 { background-color: #d9534f; font-size: 13px; padding: 4px; margin-left: 2px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; border-radius: 5px; display: inline-block; line-height: 14px; vertical-align: baseline; color: #fff } .greyIcon1 { background-color: #817c7c; font-size: 13px; padding: 4px; margin-left: 2px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; border-radius: 5px; display: inline-block; line-height: 14px; vertical-align: baseline; color: #fff } .zdh-gz:after { content: '规则'; color: #fff; background-color: #d9534f; font-size: 14px; padding: 2px; font-weight: bolder; margin-left: 2px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; border-radius: 5px; display: inline-block; line-height: 14px; vertical-align: baseline } .sw-container-header, .sw-container-footer, .sw-block-header, .sw-basic-table-menu-top, .sw-basic-table-menu-bottom, .sw-tabs, .fixed-asset-table-menu { *zoom: 1 } .sw-container-header:after, .sw-container-footer:after, .sw-block-header:after, .sw-basic-table-menu-top:after, .sw-basic-table-menu-bottom:after, .sw-tabs:after, .fixed-asset-table-menu:after { content: ""; display: table; clear: both } .sw-step-circle-title-text { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: inline-block; width: 76px; vertical-align: middle } .sw-step-circle-title:before, .sw-modal-content:before { display: inline-block; margin-right: -2px; height: 100%; content: ''; vertical-align: middle } body input, body button, body select, body textarea, body textarea { font: 13px/18px "Helvetica Neue", Helvetica, Arial, sans-serif } .sw-content { width: 940px; margin: 0 auto } .sw-container { padding: 0 16px } .sw-container-full { background-color: #fff } .sw-container-header, .sw-container-footer { margin: 0 0 16px } .sw-container-header-actions, .sw-block-header-actions, .sw-container-footer-actions { float: right; min-height: 36px } .sw-container-header-actions .sw-button, .sw-block-header-actions .sw-button, .sw-container-header-actions .sw-button-primary, .sw-block-header-actions .sw-button-primary, .sw-container-header-actions .sw-button-delete, .sw-block-header-actions .sw-button-delete, .sw-container-footer-actions .sw-button, .sw-container-footer-actions .sw-button-primary, .sw-container-footer-actions .sw-button-delete { margin-left: 8px } .sw-container-header-main, .sw-block-header-main { float: left } .sw-container-header-title { font-weight: bold; font-size: 18px } .sw-block { display: inline-block; box-sizing: border-box; margin-bottom: 24px; padding: 16px; min-width: 100%; border-radius: 3px; background-color: #fff } .sw-block-header { margin-bottom: 8px } .sw-block-header-title { font-weight: bold } .sw-button, .sw-button-primary, .sw-button-delete { display: inline-block; box-sizing: border-box; padding: 8px; min-width: 32px; border-width: 1px; border-style: solid; border-radius: 3px; vertical-align: middle; text-align: center; font-weight: normal; cursor: pointer } .sw-button:hover, .sw-button-primary:hover, .sw-button-delete:hover { text-decoration: none } .sw-is-min.sw-button, .sw-is-min.sw-button-primary, .sw-is-min.sw-button-delete { padding: 4px } .sw-button>i, .sw-button-primary>i, .sw-button-delete>i { margin-right: 4px } .sw-button>i.icon-fr-arrow-right, .sw-button-primary>i.icon-fr-arrow-right, .sw-button-delete>i.icon-fr-arrow-right, .sw-button>i.icon-fr-arrow-left, .sw-button-primary>i.icon-fr-arrow-left, .sw-button-delete>i.icon-fr-arrow-left, .sw-button>i.icon-fr-arrow-up, .sw-button-primary>i.icon-fr-arrow-up, .sw-button-delete>i.icon-fr-arrow-up, .sw-button>i.icon-fr-arrow-down, .sw-button-primary>i.icon-fr-arrow-down, .sw-button-delete>i.icon-fr-arrow-down { margin-left: 4px } .sw-button .icon-fr-openarrow, .sw-button-primary .icon-fr-openarrow, .sw-button-delete .icon-fr-openarrow { margin-left: 4px; font-size: 90% } [disabled].sw-button, [disabled].sw-button-primary, [disabled].sw-button-delete { cursor: not-allowed; opacity: 0.65 } [disabled].sw-button:hover, [disabled].sw-button-primary:hover, [disabled].sw-button-delete:hover { background-color: auto } .sw-button { border-color: #cdcdcd; background-color: #fff; color: #005580 } .sw-button[disabled] { color: #999; background-color: #f8f8f8 } .sw-button[disabled]:hover { background-color: #eee } .sw-button:hover { background-color: #f5f5f5 } .sw-button-primary { border-color: #3476E3; background-color: #3476E3; color: #fff } .sw-button-primary:hover { background-color: #5d9af0; color: #fff } .sw-button-delete { border-color: #ec5d53; background-color: #ec5d53; color: #fff } .sw-button-delete:hover { border-color: #bd4946; background-color: #bd4946; color: #fff } .sw-fileinput-button { position: relative; overflow: hidden; margin: 0 auto 24px; width: 100%; height: 120px; border: 1px dashed #999; background-color: #f0f0f0; text-align: center; font-size: 16px; line-height: 25px } .sw-fileinput-button .sw-message { position: absolute; top: 30%; right: 0; left: 0; margin: 0 auto } .sw-fileinput-button .sw-sub-text { padding-top: 5px; color: #9e9e9e; font-size: 14px } .sw-fileinput-button input[type="file"] { position: absolute; top: 0; left: 0; display: block; margin: 0; padding: initial; width: 100%; height: 100%; border: initial; background-color: initial; box-shadow: none; font-size: 200px; line-height: initial; opacity: 0; cursor: pointer } .sw-radio .sw-radio-input:focus+.sw-radio-item, .sw-checkbox .sw-checkbox-input:focus+.sw-checkbox-item { border-color: rgba(82, 168, 236, 0.8); box-shadow: 0px 0px 8px #52a8ec; outline: 0px none } .sw-radio { display: inline-block; margin-right: 16px } .sw-radio .sw-radio-input { width: 0; opacity: 0 } .sw-radio .sw-radio-item { position: relative; display: inline-block; box-sizing: border-box; margin-top: -1px; margin-right: 2px; width: 16px; height: 16px; border: 1px solid #d8dde6; border-radius: 50%; background: #fff; vertical-align: middle } .sw-radio .sw-radio-input:checked+.sw-radio-item { border-color: #43b1e8 } .sw-radio .sw-radio-input:checked+.sw-radio-item:after { position: absolute; top: 50%; left: 50%; display: block; box-sizing: border-box; width: 8px; height: 8px; border-radius: 50%; background-color: #43b1e8; content: ''; transform: translate3d(-50%, -50%, 0) } .sw-radio .sw-radio-input:disabled+.sw-radio-item+.sw-radio-label { color: #999 } .sw-radio .sw-radio-input:checked:disabled+.sw-radio-item { border-color: #999; opacity: .6 } .sw-radio .sw-radio-input:checked:disabled+.sw-radio-item:after { background-color: #999; opacity: .6 } .sw-checkbox { display: inline-block } .sw-checkbox .sw-checkbox-input { width: 0; opacity: 0 } .sw-checkbox .sw-checkbox-item { position: relative; display: inline-block; box-sizing: border-box; margin-top: -1px; width: 16px; height: 16px; border: 1px solid #cdcdcd; border-radius: 2px; background: #fff; vertical-align: middle } .sw-checkbox .sw-checkbox-input:checked+.sw-checkbox-item { border-color: #43b1e8 } .sw-checkbox .sw-checkbox-input:checked+.sw-checkbox-item:after { position: absolute; top: 45%; left: 50%; display: block; width: 8px; height: 4px; border-bottom: 2px solid #43b1e8; border-left: 2px solid #43b1e8; content: ''; transform: translate3d(-50%, -50%, 0) rotate(-45deg) } .sw-checkbox .sw-checkbox-item+.sw-checkbox-label { margin-left: 2px } .sw-input-checkboxs .sw-checkbox { display: block; margin-bottom: 4px } .sw-line-through.sw-checkbox .sw-checkbox-input:checked+.sw-checkbox-item+.sw-checkbox-label { text-decoration: line-through } .sw-checkbox .sw-checkbox-input:disabled+.sw-checkbox-item+.sw-checkbox-label { color: #999 } .sw-checkbox .sw-checkbox-input:checked:disabled+.sw-checkbox-item, .sw-checkbox .sw-checkbox-input:checked:disabled+.sw-checkbox-item:after { border-color: #999; opacity: .6 } .sw-checkbox-item-readonly { position: relative; display: inline-block; box-sizing: border-box; margin-top: -1px; width: 16px; height: 16px; border: 1px solid transparent; vertical-align: middle } .sw-checkbox-item-readonly:after { position: absolute; top: 45%; left: 50%; display: block; width: 8px; height: 4px; border-bottom: 2px solid #43b1e8; border-left: 2px solid #43b1e8; content: ''; transform: translate3d(-50%, -50%, 0) rotate(-45deg) } .sw-date-select { display: inline-block; white-space: nowrap } .sw-parts-date .sw-select-year { width: 64px } .sw-parts-date .sw-select-month { width: 48px } .sw-parts-date .sw-select-day { width: 48px } .sw-parts-date-inline-unit .sw-select-year { width: 80px } .sw-parts-date-inline-unit .sw-select-month { width: 64px } .sw-parts-date-inline-unit .sw-select-day { width: 64px } .sw-email-input { width: 280px } .sw-number-input { margin-right: 4px; text-align: right } .sw-long-input { width: 99% } .sw-controls .sw-separator { margin-bottom: 24px; height: 1px; border-top: 1px solid #ccc } .sw-parts-search, .sw-control-group, .sw-parts-search { margin: 0 0 8px; padding: 0; border: 0 none } .sw-parts-search .sw-row, .sw-control-group .sw-row, .sw-parts-search .sw-row { margin-bottom: 16px } .sw-parts-search .sw-row.sw-is-inline, .sw-control-group .sw-row.sw-is-inline, .sw-parts-search .sw-row.sw-is-inline { display: inline-block; margin-right: 24px; vertical-align: middle } .sw-parts-search .sw-label, .sw-control-group .sw-label, .sw-parts-search .sw-label { margin-bottom: 4px } .sw-parts-search .sw-label.sw-is-required .sw-label-text:after, .sw-control-group .sw-label.sw-is-required .sw-label-text:after, .sw-parts-search .sw-label.sw-is-required .sw-label-text:after { content: "必須"; display: inline-block; margin-left: 4px; padding: 2px 4px; border-radius: 3px; background-color: #ec5d53; color: #fff; content: "���"; font-size: 9px; line-height: 10px } .sw-parts-search .sw-label .sw-label-text+.sw-help-text, .sw-control-group .sw-label .sw-label-text+.sw-help-text, .sw-parts-search .sw-label .sw-label-text+.sw-help-text { margin-left: 16px } .sw-parts-search .sw-label-text, .sw-control-group .sw-label-text, .sw-parts-search .sw-label-text { color: #555; font-size: 13px } .sw-parts-search .sw-value, .sw-control-group .sw-value, .sw-parts-search .sw-value { margin-bottom: 4px } .sw-parts-search .sw-value-show, .sw-parts-search input, .sw-control-group .sw-value-show, .sw-parts-search .sw-value-show, .sw-control-group input, .sw-parts-search input { box-sizing: border-box; padding: 4px; height: 36px; background-color: #fff } .sw-parts-search .sw-value-show, .sw-control-group .sw-value-show, .sw-parts-search .sw-value-show { display: inline-block; min-width: 156px; border-width: 1px; border-style: solid; border-color: #fff #fff #ccc #fff } .sw-parts-search input, .sw-control-group input, .sw-parts-search input { border-width: 1px; border-style: solid; border-radius: 3px } .sw-parts-search input[type="file"], .sw-control-group input[type="file"], .sw-parts-search input[type="file"] { border-color: transparent; border: 1px solid transparent; border-radius: 3px } .sw-parts-search input:not([type="file"]), .sw-control-group input:not([type="file"]), .sw-parts-search input:not([type="file"]) { border-color: #ccc } .sw-parts-search input[readonly], .sw-control-group input[readonly], .sw-parts-search input[readonly] { border-color: #fff #fff #ccc #fff; border-radius: 0 } .sw-parts-search .sw-input-zip, .sw-parts-search .sw-input-tel, .sw-control-group .sw-input-zip, .sw-parts-search .sw-input-zip, .sw-control-group .sw-input-tel, .sw-parts-search .sw-input-tel { width: 48px } .sw-parts-search .sw-input-separator, .sw-control-group .sw-input-separator, .sw-parts-search .sw-input-separator { margin-right: 4px; margin-left: 4px } .sw-parts-search input { margin-right: 4px; width: 280px; vertical-align: middle } select{ display: inline-block; border: 1px solid #cdcdcd; border-radius: 3px; background-color: #fff; color: #333; /*height: 36px*/ } textarea { display: inline-block; border: 1px solid #cdcdcd; border-radius: 3px; background-color: #fff; color: #333; height: 36px } select.sw-view-selector, textarea.sw-view-selector, select.sw-action-selector, textarea.sw-action-selector { min-width: 120px } .sw-value-selector { min-width: 160px } .sw-email-to, .sw-email-title, .sw-email-body { min-width: 560px; width: 100% } .sw-email-body { height: 160px } .sw-message { margin-bottom: 16px } .sw-message i { margin-right: 4px } .sw-message .icon-fr-warning { color: #e39622 } .sw-notices { margin: 0 16px 24px; padding: 8px; border: 1px solid #e3e3e3; border-radius: 3px; background: #fff } .sw-notices .sw-notice { position: relative; display: block; box-sizing: border-box; padding-left: 24px } .sw-notices .sw-notice+.sw-notice { margin-top: 8px } .sw-notices .icon-fr-help1 { position: absolute; left: 4px } .sw-pagination li { display: inline; list-style: none } .sw-pagination a { display: inline-block; box-sizing: border-box; margin: 0 4px; width: 32px; height: 32px; border: 1px solid #fff; background-color: #fff; color: #333; font-size: 13px; line-height: 32px } .sw-pagination a:hover, .sw-pagination .sw-active a { text-decoration: underline; font-weight: bold } .sw-pagination .sw-disabled span, .sw-pagination .sw-disabled a, .sw-pagination .sw-disabled a:hover { color: #999; text-decoration: none; cursor: default } .sw-step-parts { counter-reset: step-parts } .sw-step-title { margin-bottom: 8px } .sw-step-title-text { color: #333; font-size: 18px } .sw-step-title-text:before { display: inline-block; box-sizing: border-box; margin-right: 8px; width: 36px; height: 36px; border: 1px solid #43b1e8; border-radius: 50%; background-color: #fff; color: #43b1e8; content: counter(step-parts); counter-increment: step-parts; text-align: center; line-height: 36px } .sw-step-block.sw-is-active .sw-step-title-text:before { background-color: #43b1e8; color: #fff } .sw-step-title-text:hover:before { background-color: #f5f5f5 } .sw-step-body { display: none; margin: 0 16px 8px; padding: 0 16px 16px 28px; border-left: 1px solid #43b1e8 } .sw-step-block.sw-is-active .sw-step-body { display: block } .sw-step-block:last-child .sw-step-body { border-left-color: transparent } .sw-step-circle { margin: 0 auto; text-align: center } .sw-basic-table, .sw-basic-table-min { width: 100%; border-spacing: 0; border-collapse: collapse; border-bottom: 1px solid #e3e3e3; background-color: #fff } .sw-basic-table th, .sw-basic-table-min th, .sw-basic-table td, .sw-basic-table-min td { vertical-align: top } .sw-basic-table th.sw-col-number, .sw-basic-table-min th.sw-col-number, .sw-basic-table td.sw-col-number, .sw-basic-table-min td.sw-col-number { text-align: right } .sw-basic-table th.sw-col-center, .sw-basic-table-min th.sw-col-center, .sw-basic-table td.sw-col-center, .sw-basic-table-min td.sw-col-center { text-align: center } .sw-basic-table th, .sw-basic-table-min th { padding: 8px; text-align: left; white-space: nowrap; font-weight: 400 } .sw-basic-table th.sw-col-min, .sw-basic-table-min th.sw-col-min, .sw-basic-table th.sw-col-symbol, .sw-basic-table-min th.sw-col-symbol { width: 1% } .sw-basic-table th:first-child, .sw-basic-table-min th:first-child { padding-left: 16px } .sw-basic-table th:last-child, .sw-basic-table-min th:last-child { padding-right: 16px } .sw-basic-table td, .sw-basic-table-min td { padding: 4px; border-top: 1px solid #e3e3e3 } .sw-basic-table td.sw-col-th, .sw-basic-table-min td.sw-col-th { white-space: nowrap; font-weight: 400 } .sw-basic-table td:first-child, .sw-basic-table-min td:first-child { padding-left: 12px } .sw-basic-table td:last-child, .sw-basic-table-min td:last-child { padding-right: 12px } .sw-basic-table tr:hover>td, .sw-basic-table-min tr:hover>td { background-color: #f4f6f9 } .sw-basic-table.sw-with-side-border th:not(:last-child), .sw-with-side-border.sw-basic-table-min th:not(:last-child), .sw-basic-table.sw-with-side-border td:not(:last-child), .sw-with-side-border.sw-basic-table-min td:not(:last-child) { border-right: 1px dotted #e3e3e3 } .sw-basic-table.sw-with-outline-border, .sw-with-outline-border.sw-basic-table-min { border: 1px solid #e3e3e3 } .sw-basic-table.sw-with-outline-border th, .sw-with-outline-border.sw-basic-table-min th { background: #f5f5f5; font-weight: bold } .sw-basic-table.sw-without-hover tr:hover>td, .sw-without-hover.sw-basic-table-min tr:hover>td { background-color: #fff } .sw-basic-table-min { width: 48% } .sw-basic-table-row-select, .sw-basic-table-row-action { width: 1%; white-space: nowrap } .sw-basic-table-row-action { text-align: right } .sw-basic-table-row-edit, .sw-basic-table-row-delete { display: inline-block; padding: 8px 4px; border: 1px solid transparent; border-radius: 2px; background: #fff; color: #878787 } .sw-basic-table-row-edit:hover, .sw-basic-table-row-delete:hover { text-decoration: none } .sw-basic-table-row-edit i, .sw-basic-table-row-delete i { margin-right: 4px } .sw-basic-table-row-edit:hover { border-color: #005580 } .sw-basic-table-row-delete:hover { border-color: #bd4946; color: #bd4946 } .sw-basic-table-row-edit+.sw-basic-table-row-delete { margin-left: 8px } .sw-basic-table-col-detail { display: inline-block; padding: 7px 3px; border: 1px solid transparent } .sw-basic-table-menu-top, .sw-basic-table-menu-bottom { padding: 24px 16px } .sw-basic-table-menu-main { float: left } .sw-basic-table-menu-main .sw-view-selector, .sw-basic-table-menu-main .sw-button, .sw-basic-table-menu-main .sw-button-primary { margin-right: 8px } .sw-basic-table-menu-bottom { min-height: 32px } .sw-invoices-number { display: inline-block } .sw-invoices-number .sw-invoices-number-label { vertical-align: middle } .sw-basic-table-row-select-action { display: inline-block; position: absolute } .sw-basic-table-row-add i { margin-right: 4px } .sw-tabs { box-sizing: border-box; padding: 0 16px; width: 100%; border-bottom: 4px solid #43b1e8 } .sw-tabs .sw-tab { display: inline-block; box-sizing: border-box; margin-right: 4px; padding: 6px 16px; min-width: 120px; border: none; border-radius: 3px 3px 0 0; background-color: #eaeaea; color: #333; vertical-align: middle; text-align: center } .sw-tabs .sw-tab:focus { outline: 0 } .sw-tabs .sw-tab:hover { background-color: #43b1e8; color: #fff } .sw-tabs .sw-tab.sw-active { background-color: #43b1e8; color: #fff } ul.sw-breadcrumbs { overflow: hidden; margin: 0 0 4px; padding-left: 0; list-style: none } ul.sw-breadcrumbs li { display: inline-block } ul.sw-breadcrumbs .sw-divider { padding: 0 4px } .sw-modal { position: fixed; top: 0; left: 0; z-index: 99999; display: block; width: 100%; height: 100% } .sw-modal-background { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: #000; opacity: 0.4 } .sw-modal-content { position: absolute; top: 0; display: block; min-height: 100%; width: 100%; height: 100%; text-align: center } .sw-modal-container { position: relative; display: inline-block; margin: 0 auto; min-width: 320px; max-width: none; max-height: none; background-color: #fff; vertical-align: middle; text-align: left } .sw-modal-header { padding: 16px; border-bottom: 1px solid #e3e3e3 } .sw-modal-body { padding: 16px } .sw-modal-footer { padding: 16px } .sw-modal-footer-actions { text-align: center } .sw-modal-footer-actions .sw-button { margin-right: 16px } .fixed-asset-table-menu { margin: 16px 0 } .sw-basic-table .sw-col-date, .sw-basic-table-min .sw-col-date { min-width: 80px } tr.fixed-asset-disabled { background-color: #efefef } .page-description { font-size: 12px } .add-form-table label { display: inline-block } .add-form-table input, .add-form-table select, .add-form-table textarea { margin: 0; width: 206px; height: 28px; box-sizing: border-box; padding: 4px } .add-form-table td:first-child { width: 280px } .add-form-table .label-desc, .add-form-table .form-desc { margin-left: 8px } .add-form-table .fa-label { line-height: 28px } .add-form-table .fa-label.sw-is-required:after { display: inline-block; margin-left: 4px; padding: 2px 4px; border-radius: 3px; background-color: #ec5d53; color: #fff; content: "必須"; font-size: 9px; line-height: 10px; position: relative; top: -2px } .detail-list { overflow-x: auto } .fixed-asset-detail-table { margin-top: 12px } .fixed-assets-detail-list-table th { white-space: normal } .assets-menu-btns { margin: 12px auto 0 } .txn-table th .single-header-detail { line-height: 45px } .txn-table th.multi-header { border-bottom: 1px dashed #ddd } .retirements { margin-top: 12px } .jy-lines-table { width: 1050px } .jy-lines-table .col-amount .cell-amount { white-space: nowrap } .jy-lines-table .col-vat .select-tax-entry-method { width: 65px } .jy-lines-table .col-amount .select-tax-entry-method { width: 85px; margin: 0px 4px 0px 14px } @media screen and (min-width:1090px) { .jy-editor-lines { width: 100% } } .jy-editor .jy-editor-right { text-align: right; float: right } .jy-editor .jy-editor-right:before, .jy-editor .jy-editor-right:after { content: ""; display: table } .jy-editor .jy-editor-right:after { clear: both } .jy-editor .workflow-state { float: right } .jy-lb-body table.deal-list th.account-item-cell, .jy-lb-body table.deal-list th.tax-cell, .jy-lb-body table.deal-list th.amount-cell, .jy-lb-body table.deal-list th.charge-cell, .jy-lb-body table.deal-list td.account-item-cell, .jy-lb-body table.deal-list td.tax-cell, .jy-lb-body table.deal-list td.amount-cell, .jy-lb-body table.deal-list td.charge-cell, table.transfer-list th.account-item-cell, table.transfer-list th.tax-cell, table.transfer-list th.amount-cell, table.transfer-list th.charge-cell, table.transfer-list td.account-item-cell, table.transfer-list td.tax-cell, table.transfer-list td.amount-cell, table.transfer-list td.charge-cell { width: 90px } .badge.ignored { background-color: #999 } #jy-form-fplx-select { width: 155px; width: 139px } #jy-form-sw-entry-method { width: 63px } .sw-container-header, .sw-container-footer, .sw-block-header, .sw-basic-table-menu-top, .sw-basic-table-menu-bottom, .sw-tabs { *zoom: 1 } .sw-container-header:after, .sw-container-footer:after, .sw-block-header:after, .sw-basic-table-menu-top:after, .sw-basic-table-menu-bottom:after, .sw-tabs:after { content: ""; display: table; clear: both } .sw-parts-search input:not ([type="file"]), .sw-control-group input:not([type="file"]), .sw-parts-search input:not ([type="file"]) { border-color: #ccc } .sw-basic-table.sw-with-side-border th:not (:last-child), .sw-with-side-border.sw-basic-table-min th:not(:last-child), .sw-basic-table.sw-with-side-border td:not (:last-child), .sw-with-side-border.sw-basic-table-min td:not (:last-child) { border-right: 1px dotted #e3e3e3 } .status { padding: 4px; border-radius: 4px; white-space: nowrap } .status.unsettled, .status.approved, .status.in-progress { color: #5cac00 } .status.feedback { color: #fff; background-color: grey } .status.pending { color: #fff; background-color: #5cac00 } .status.settled { color: #31cbbf } .status.rejected { color: #ec5d53 } .zc-app-search-form { border-bottom: 1px solid #e3e3e3 } .zc-app-search-form .label { padding: 0; background-color: #fff } .zc-app-search-form .status-select { width: 80px } .zc-app-search-form .date-input { width: 80px } .zc-app-search-form .user-input { width: 200px } .deal { margin-bottom: 16px } .deal .detail-table .order-column { width: 16px } .deal .detail-table .amount-column { width: 120px } .modal-content:before { content: '' } #receipt .receipt .version-selector select, #receipt .receipt .version-selector textarea { margin-bottom: 5px; width: auto } .deal-line { border-top: 1px solid #e3e3e3; padding-top: 16px; margin-top: 16px; border-bottom: 1px solid #e3e3e3; padding-bottom: 16px; margin-bottom: 16px } .deal-form .input-line-tax-method { width: 65px } .zd_kyje{ color: rgb(255, 255, 255); background-color: rgb(217, 83, 79); font-size: 11px; padding: 2px; margin-left: 2px; border-radius: 5px; display: inline-block; line-height: 13px; vertical-align: baseline; position: initial !important; } .content-wrap { border: 1px solid #e3e3e3; margin: 5px 10px 0; } .page-title { width: 100%; padding: 7px 0 7px 15px; background-color: #f0f0f0; border-bottom: 1px solid #e3e3e3; font-size: 13px; color: #333333; } .text-gray-3 { color: #333333; } .text-gray-9 { color: #999999; } .text-xxs { font-size: 12px; } .text-xs { font-size: 14px; } .text-md { font-size: 16px; } .w-full { width: 100%; } .h-full { height: 100%; } .h-32 { height: 32px; } .h-300 { height: 300px; } .w-100 { width: 100px; } .w-150 { width: 150px; } .w-200 { width: 200px; } .w-300 { width: 300px; } .w-900 { width: 900px; } .w-1000 { width: 1000px; } .w-half { width: 50%; } .block { display: block; } .text-white { color: #ffffff; } .text-blue { color: #5297d7; } .text-yellow { color: #f6ca06; } .border-radius-xs { border-radius: 4px; } .padding-none { padding: 0; } .padding-xs { padding: 20px; } .padding-xxs { padding: 10px; } .padding-top-xxs { padding: 10px; } .padding-top-xs { padding: 15px; } .text-weight-md { font-weight: 400; } .text-weight-lg { font-weight: 600; } .text-xxs { font-size: 12px; } .text-xs { font-size: 14px; } .text-md { font-size: 16px; } .text-lg { font-size: 18px; } .text-llg { font-size: 20px; } .margin-xs { margin: 10px; } .margin-top-xs { margin-top: 10px; } .margin-top-md { margin-top: 20px; } .margin-top-lg { margin-top: 30px; } .margin-bottom-xs { margin-bottom: 10px; } .margin-bottom-md { margin-bottom: 20px; } .margin-bottom-lg { margin-bottom: 30px; } .text-align-center { text-align: center; } .margin-right-xxxs { margin-right: 2px; } .margin-right-xxs { margin-right: 5px; } .margin-right-xs { margin-right: 10px; } .margin-right-md { margin-right: 20px; } .margin-left-xxs { margin-left: 5px; } .margin-left-xs { margin-left: 10px; } .button-default { background-color: #3476E3; } .second-default-button { color: #3476E3; border-color: #3476E3; } .remove-modal-tag .ant-modal-body .anticon { display: none; } .remove-modal-tag .ant-modal-body .ant-modal-confirm-content { margin-left: 0 !important; } .remove-modal-tag .ant-modal-body .ant-modal-confirm-body { display: block; } .ant-form-item .ant-form-item-control-input .ant-form-item-control-input-content .ant-input-group-wrapper { height: 100%; } .ant-form-item .ant-form-item-control-input .ant-form-item-control-input-content .ant-input-group-wrapper .ant-input-wrapper { height: 100%; } .ant-input-wrapper input { outline: none !important; } .ant-form-item-control-input-content { height: 100%; } .ant-form-item-control-input input { outline: none !important; height: 100%; } .ant-table-cell .ant-input { margin-bottom: 0; outline: none !important; height: 100%; } .dropdown-test-crm-li { display: none; position: absolute; top: 100%; left: 0; z-index: 1000; min-width: 160px; margin: 0; list-style: none; border: 1px solid rgba(0, 0, 0, 0.2); padding: 7px 0 5px; background: #fff; border-radius: 0; box-shadow: 1px 1px 1px #e3e3e3; } .dropdown-test-crm-li-a { display: block; color: #555; padding: 3px 15px; clear: both; white-space: nowrap; text-decoration: none; text-overflow: ellipsis; overflow: hidden; } .dropdown-test-crm-li-a:hover { background-color: #3e60a6; color: #ffffff; } .dropdown-test-crm:hover .dropdown-test-crm-li { display: block; } .border-default { border: 1px solid #e3e3e3; } .border-blue { border: 1px solid #5297d7; } .border-yellow { border: 1px solid #f6ca06; } .border-top-default { border-top: 1px solid #e3e3e3; } .required-x:after { content: "*"; color: #d9534f; font-size: 14px; font-weight: bolder; margin-left: 2px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; border-radius: 10px; display: inline-block; line-height: 10px; vertical-align: middle; } .cursor-pointer { cursor: pointer; } .text-decoration { text-decoration: underline; } .ant-space-item .ant-picker-calendar .ant-picker-content thead tr th { text-align: center; } .ant-table-wrapper .ant-table .ant-table-header thead tr th { text-align: center; } .white-space-pre-line { white-space: pre-line; } .ant-form .ant-form-item .ant-form-item-label label { font-weight: 400; } .fix-input-group-height .ant-input-group { height: 32px; } .yhs_whd:after { content: '未核定'; background-color: #d9534f; font-weight: bold; color: #fff; font-size: 12px; padding: 2px 2px 2px 2px; margin-left: 2px; -webkit-border-radius: 10px; -moz-border-radius: 10px; -ms-border-radius: 10px; -o-border-radius: 10px; border-radius: 5px; display: inline-block; line-height: 12px; vertical-align: baseline; } .table-header-color-gray .ant-table-container .ant-table-header table thead tr th { background-color: #e7e9e7; } .table-header-color-blue .ant-table-container .ant-table-header table thead tr th { background-color: #e1edfe; font-size: 14px; } .table-header-color-blue .ant-table-container .ant-table-body table tbody tr td { font-size: 14px; } .like-ant-btn-primary:not(:disabled):not(.like-ant-btn-disabled):hover { color: #fff; background-color: #4096ff; } .like-ant-btn-primary { color: #fff; background-color: #39d; box-shadow: 0 2px 0 rgba(5, 145, 255, 0.1); } .like-ant-btn { font-size: 14px; height: 32px; padding: 4px 15px; border-radius: 6px; } .like-ant-btn { outline: none; position: relative; display: inline-block; font-weight: 400; white-space: nowrap; text-align: center; background-image: none; border: 1px solid transparent; cursor: pointer; transition: all 0.2s cubic-bezier(0.645, 0.045, 0.355, 1); user-select: none; touch-action: manipulation; line-height: 1.5714285714285714; } .like-ant-radio-group { box-sizing: border-box; line-height: 1.5714285714285714; list-style: none; font-family: -apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,'Noto Sans',sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol','Noto Color Emoji'; display: inline-block; } .like-ant-radio-button-wrapper-checked { z-index: 1; color: #ffffff; background: #1677ff; border-color: #1677ff; } .like-ant-radio-button-wrapper { position: relative; display: inline-block; height: 31px; margin: 0; padding-inline: 15px; padding-block: 0; font-size: 14px; line-height: 30px; border: 1px solid #d9d9d9; border-block-start-width: 1.02px; border-inline-start-width: 0; border-inline-end-width: 1px; cursor: pointer; transition: color 0.2s,background 0.2s,box-shadow 0.2s; } .like-ant-radio-group-solid .like-ant-radio-button-wrapper-checked:hover { color: #fff; background: #4096ff; border-color: #4096ff; } .like-ant-radio-button-wrapper:hover { position: relative; color: #1677ff; } .like-ant-radio-button-wrapper:first-child { border-inline-start: 1px solid #d9d9d9; border-start-start-radius: 6px; border-end-start-radius: 6px; } .like-ant-radio-button-wrapper:last-child { border-start-end-radius: 6px; border-end-end-radius: 6px; } .like-ant-row { display: flex; flex-flow: row wrap; min-width: 0; margin-left: -8px; margin-right: -8px; } .like-ant-col-8 { box-sizing: border-box; --ant-display: block; display: block; display: var(--ant-display); flex: 0 0 33.33333333333333%; max-width: 33.33333333333333%; padding-left: 8px; padding-right: 8px; } .like-ant-card:hover { cursor: pointer; box-shadow: 0 0 10px rgba(0,0,0,.2); } .like-ant-card { box-sizing: border-box; margin: 0; padding: 0; color: rgba(0, 0, 0, 0.88); font-size: 14px; line-height: 1.5714285714285714; list-style: none; font-family: -apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,'Noto Sans',sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol','Noto Color Emoji'; position: relative; background: #ffffff; border-radius: 8px; border: 1px solid #f0f0f0; } .like-ant-card .like-ant-card-body { padding: 24px; border-radius: 0 0 8px 8px; } .like-ant-card .like-ant-statistic .like-ant-statistic-title { margin-bottom: 4px; color: rgba(0, 0, 0, 0.45); font-size: 14px; } .like-ant-card .like-ant-statistic .like-ant-statistic-content { color: rgba(0, 0, 0, 0.88); font-size: 24px; font-family: -apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,'Noto Sans',sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol','Noto Color Emoji'; } .like-ant-card .like-ant-statistic .like-ant-statistic-content .like-ant-statistic-content-suffix { margin-inline-start: 4px; } :where(.css-dev-only-do-not-override-2rgkd4).ant-spin-fullscreen { z-index: 99999999; position: fixed; width: 100vw; height: 100vh; background-color: rgba(0, 0, 0, 0.15); inset: 0; display: flex; align-items: center; flex-direction: column; justify-content: center; transition: all 0.2s; } :where(.css-dev-only-do-not-override-2rgkd4).ant-modal-confirm .ant-modal-confirm-paragraph { max-width: calc(100%); } :where(.css-dev-only-do-not-override-2rgkd4).ant-table-wrapper .ant-table.ant-table-middle { font-size: 13px; } :where(.css-dev-only-do-not-override-2rgkd4).ant-table-wrapper .ant-table.ant-table-middle .ant-table-title, :where(.css-dev-only-do-not-override-2rgkd4).ant-table-wrapper .ant-table.ant-table-middle .ant-table-footer, :where(.css-dev-only-do-not-override-2rgkd4).ant-table-wrapper .ant-table.ant-table-middle .ant-table-cell, :where(.css-dev-only-do-not-override-2rgkd4).ant-table-wrapper .ant-table.ant-table-middle .ant-table-thead>tr>th, :where(.css-dev-only-do-not-override-2rgkd4).ant-table-wrapper .ant-table.ant-table-middle .ant-table-tbody>tr>th, :where(.css-dev-only-do-not-override-2rgkd4).ant-table-wrapper .ant-table.ant-table-middle .ant-table-tbody>tr>td, :where(.css-dev-only-do-not-override-2rgkd4).ant-table-wrapper .ant-table.ant-table-middle tfoot>tr>th, :where(.css-dev-only-do-not-override-2rgkd4).ant-table-wrapper .ant-table.ant-table-middle tfoot>tr>td { padding: 8px 8px; word-break: break-all; } :where(.css-dev-only-do-not-override-2rgkd4).ant-select-single { height: 30px; } :where(.css-dev-only-do-not-override-2rgkd4).ant-select-single .ant-select-selector { font-size: 13px; } :where(.css-dev-only-do-not-override-2rgkd4).ant-input-affix-wrapper { font-size: 13px; } :where(.css-dev-only-do-not-override-2rgkd4).ant-input-search .ant-input-search-button { height: 30px; } :where(.css-dev-only-do-not-override-2rgkd4)[class^="ant-row"], :where(.css-dev-only-do-not-override-2rgkd4)[class*=" ant-row"] { font-size: 13px; } :where(.css-dev-only-do-not-override-2rgkd4).ant-checkbox-wrapper { font-size: 13px; } :where(.css-dev-only-do-not-override-2rgkd4).ant-btn { font-size: 13px; height: 30px; padding: 4px 15px; } :where(.css-dev-only-do-not-override-2rgkd4).ant-spin-fullscreen { z-index: 99999999; } :where(.css-dev-only-do-not-override-2rgkd4).ant-tooltip { font-size: 13px; } :where(.css-dev-only-do-not-override-2rgkd4).ant-space-gap-row-small { row-gap: 2px; } :where(.css-dev-only-do-not-override-2rgkd4).ant-input-affix-wrapper { padding: 1px 8px; } :where(.css-dev-only-do-not-override-2rgkd4).ant-input-affix-wrapper >input.ant-input { height: 27px; margin-bottom: 0; padding: 0; } .bootstrap-datetimepicker-widget .list-unstyled li { list-style: none; } .menu { position: relative; width: 100%; transition: top 0.3s; height: 44px; background: #3476E3; color: #fff; } .menu li{ line-height: 46px; } .fixed { position: fixed; top: 0; left: 0; right: 0; z-index: 300; } .notifier_fixed { position: fixed; top: 44px; left: 0; right: 0; z-index: 300; } .weeasy-micro-application .notifier_fixed{ top: 0; } .display_contents{ display: contents !important; } .fpyj_true { background: #dfecaa; padding-left: 4px; padding-right: 4px; display: inline-block; border-radius: 1px } .fpyj_false { background: #d6d6d6; padding-left: 4px; padding-right: 4px; display: inline-block; border-radius: 1px }