/*! for This Project Only v1.0.7 ---------------------------------------------------------------- プロジェクト固有のスタイル定義用 htmlの ~ 内、"abui.css"の後で読み込んでください */ #sidebar--first { left: -64px; width: 64px; overflow: hidden; white-space: nowrap } @media (min-width: 1366px) { #sidebar--first { left:0 } } #sidebar--first li span { display: inline-block; padding: 10px 0; vertical-align: middle } #sidebar--first li span:nth-child(2) { margin-left: 20px } #sidebar--first li [class^="icon-abui-"],#sidebar--first li [class*=" icon-abui-"] { padding: 0 7px; font-size: 18px } #sidebar--first__change { position: absolute; bottom: 48px; width: 100% } #sidebar--first.scale { -webkit-animation: size-scale .2s; animation: size-scale .2s } @-webkit-keyframes size-scale { 0% { width: 64px } 100% { width: 342px } } @keyframes size-scale { 0% { width: 64px } 100% { width: 342px } } #sidebar--second { z-index: 1039; left: -342px; width: 278px } @media (min-width: 1366px) { #sidebar--second { left:64px } } @media (min-width: 1366px) { #multicolumn-sidebar .with-sidebar#header-content,#multicolumn-sidebar .with-sidebar.container { margin-left:342px } } @media (min-width: 1366px) { #multicolumn-sidebar .with-sidebar.container-fluid { margin-left:342px } } @media (min-width: 1516px) { #multicolumn-sidebar .with-sidebar.footbar { margin-left:342px; padding-right: 358px } } @media (min-width: 992px) { #multicolumn-sidebar .wrapper.with-navbar-fixed-bottom>.container,#multicolumn-sidebar .wrapper.with-navbar-fixed-bottom>.container-fluid { padding-bottom:48px } } #header-site { z-index: 1030 } .navbar-default .navbar-nav>.active>a,.navbar-default .pagination.navbar-nav>.active>span { background-color: rgba(242,243,245,0.5) } .navbar-right { padding-right: 16px } @media (max-width: 991px) { .navbar-collapse .navbar-nav.navbar-right:last-child,.navbar-default .navbar-form .navbar-nav.navbar-right:last-child,.navbar-inverse .navbar-form .navbar-nav.navbar-right:last-child { margin-bottom:0 } .navbar-inverse .navbar-collapse { background-color: #71a3eb } .navbar-default .navbar-collapse { background-color: #e3e6e9 } .navbar-right { padding-right: 0 } } @media (max-width: 767px) { .navbar-collapse { padding-right:0; padding-left: 0 } } .navbar-icon { position: relative } .navbar-icon .navbar-unread,.navbar-icon .navbar-new { right: -2px } .navbar-footblock { padding-top: 24px; padding-right: 32px; padding-bottom: 24px; padding-left: 32px; border-top: 1px solid #d0d6da } .navbar-footblock.navbar-default { background-color: white } .navbar-footblock:hover { opacity: 1 } @media (min-width: 768px) { .wrapper.with-navbar-fixed-bottom>.container,.wrapper.with-navbar-fixed-bottom>.container-fluid { padding-bottom:84px } } .section { padding: 32px; padding-bottom: 24px } @media (max-width: 767px) { .section { padding:16px; padding-top: 24px } } hr { margin: 24px 0 32px } @media (max-width: 767px) { hr { margin:12px 0 24px } } .table th { color: #98a9b0 } .table-bordered>thead>tr>th { border-bottom-width: 2px } .table thead { border-bottom: 2px solid #d0d6da } .table tbody td input[type="text"].flat { background-color: transparent } .table tbody td input[type="text"].flat:focus { background-color: rgba(255,255,255,0.25) } .table tbody td .select-block .btn-input { border-color: transparent; background-color: transparent } .table tbody td .select-block .btn-input:hover { border-color: #d0d6da } .table tbody td .select-block .btn-input:focus { border-color: #4284e4; background-color: rgba(255,255,255,0.25) } .table>thead>tr>th.table-sort .dsc::after,.table>thead>tr>th.table-sort .asc::after,.table>tbody>tr>th.table-sort .dsc::after,.table>tbody>tr>th.table-sort .asc::after,.table>tfoot>tr>th.table-sort .dsc::after,.table>tfoot>tr>th.table-sort .asc::after { color: #98a9b0 } .table-sort.table-sort-active { color: #657a84; font-weight: 700 } .table-sort.table-sort-active>span::after { color: #657a84 !important } @media screen and (max-width: 991px) { .table-responsive { -ms-overflow-style:-ms-autohiding-scrollbar; width: 100%; margin-bottom: 15px; overflow-y: hidden; border: none } .table-responsive>.table { margin-bottom: 0 } .table-responsive>.table th,.table-responsive>.table td { white-space: nowrap } .table-responsive>.table-bordered { border: 0 } .table-responsive>.table-bordered tr>th:first-child,.table-responsive>.table-bordered tr>td:first-child { border-left: 0 } .table-responsive>.table-bordered tr>th:last-child,.table-responsive>.table-bordered tr>td:last-child { border-right: 0 } .table-responsive>.table-bordered tbody>tr:last-child>th,.table-responsive>.table-bordered tfoot>tr:last-child>th,.table-responsive>.table-bordered tbody>tr:last-child>td,.table-responsive>.table-bordered tfoot>tr:last-child>td { border-bottom: 0 } } .dropdown-menu li.dropdown-header { margin-top: 0; margin-bottom: 0; padding: 8px 12px 0; color: #4284e4; font-weight: bold } .dropdown-menu li.dropdown-header .text { margin-top: 12px; margin-bottom: 5px } .modal-header { padding: 32px 32px 24px } .modal-body { padding: 0 32px } .modal-footer { padding: 24px 32px 32px } @media screen and (max-width: 767px) { .modal-header { padding:24px 24px 16px } .modal-body { padding: 0 24px } .modal-footer { padding: 16px 24px 24px } } .checkbox-inline.with-sm,.radio-inline.with-sm { margin-top: 8px } .table-hover tr.sum,.table-hover--pointer tr.sum { cursor: default; pointer-events: none } .table>thead>tr>th.table-sort .dsc,.table>thead>tr>th.table-sort .asc,.table>tbody>tr>th.table-sort .dsc,.table>tbody>tr>th.table-sort .asc,.table>tfoot>tr>th.table-sort .dsc,.table>tfoot>tr>th.table-sort .asc { padding-left: 0 } .twitter-typeahead .tt-menu { z-index: 510 !important } .form-group-typeahead .form-control.input-typeahead { background-color: #fff !important } .input-sm .input-icon-typeahead { padding: 0 9px 0 0; font-size: 16px; line-height: 32px } .panel { margin-bottom: 24px; padding: 16px; border-radius: 2px; box-shadow: none } .panel.panel-primary { background-color: #e1ebfb } .drilldown-box-wrap { width: 100%; overflow: auto } .drilldown-box { width: auto; margin: 0; padding: 0; padding-left: 0 !important; overflow: hidden } .drilldown-box.drilldown-box-w2 .table-drilldown-wrap { min-width: 50% } .drilldown-box.drilldown-box-w3 { min-width: 720px } .drilldown-box.drilldown-box-w4 { min-width: 960px } .drilldown-box.drilldown-box-w5 { min-width: 1200px } .drilldown-box.drilldown-box-w5 .table-drilldown-wrap { width: 20% } .table-drilldown-wrap { display: block; min-width: 240px; padding-right: 12px; float: left } .table-drilldown-wrap__inner { height: 299px; overflow: auto } .table-drilldown-wrap .slimScrollDiv { background-color: #e7ebec } @media screen and (max-width: 767px) { .table-drilldown-wrap { padding-right:0; padding-bottom: 16px; float: none } } .table-drilldown tr.selected { color: #4284e4 } .table-drilldown tr.selected td { border-top: 1px solid #d2e1f9 !important; border-bottom: 1px solid #d2e1f9 !important } .table-drilldown tr.selected:hover,.table-drilldown tr.selected:active,.table-drilldown tr.selected:focus { color: #2d383c } .drilldown-list--wrap { display: table } .drilldown-list--wrap>* { display: table-cell; vertical-align: middle } .drilldown-list--wrap { width: 100%; margin-bottom: 16px; padding: 12px; border-radius: 2px; background-color: #ecf3fc } .drilldown-list--wrap__list { padding-right: 16px } .drilldown-list--wrap__btn { width: 38px } .drilldown-list--wrap__btn button { background-color: rgba(0,0,0,0); color: #657a84 } .drilldown-list--wrap__btn button:hover,.drilldown-list--wrap__btn button:focus,.drilldown-list--wrap__btn button:active,.drilldown-list--wrap__btn button.active,.drilldown-list--wrap__btn button .open .dropdown-toggle { border-color: #fde3e6; background-color: #fde3e6; color: #657a84 } .drilldown-list--wrap__btn button:active,.drilldown-list--wrap__btn button.active,.drilldown-list--wrap__btn button .open .dropdown-toggle,.drilldown-list--wrap__btn button:active:hover,.drilldown-list--wrap__btn button.active:hover,.drilldown-list--wrap__btn button:active:focus,.drilldown-list--wrap__btn button.active:focus,.drilldown-list--wrap__btn button:active.focus,.drilldown-list--wrap__btn button.active.focus { border-color: #fccfd3; background: #fccfd3 } .drilldown-list--wrap__btn button.disabled,.drilldown-list--wrap__btn button.disabled:hover,.drilldown-list--wrap__btn button.disabled:focus,.drilldown-list--wrap__btn button.disabled:active,.drilldown-list--wrap__btn button.disabled.active,.drilldown-list--wrap__btn button[disabled],.drilldown-list--wrap__btn button[disabled]:hover,.drilldown-list--wrap__btn button[disabled]:focus,.drilldown-list--wrap__btn button[disabled]:active,.drilldown-list--wrap__btn button[disabled].active,fieldset[disabled] .drilldown-list--wrap__btn button,fieldset[disabled] .drilldown-list--wrap__btn button:hover,fieldset[disabled] .drilldown-list--wrap__btn button:focus,fieldset[disabled] .drilldown-list--wrap__btn button:active,fieldset[disabled] .drilldown-list--wrap__btn button.active { border-color: rgba(0,0,0,0); background-color: rgba(0,0,0,0); color: #657a84 } .drilldown-list--wrap__btn button:hover,.drilldown-list--wrap__btn button:focus { color: #f77581 } .drilldown-list { margin: 0; padding: 0; list-style: none } .drilldown-list li { display: inline-block; margin-right: 8px; padding: 8px 0; font-size: 14px; line-height: 1; cursor: pointer } .drilldown-list li::after { display: inline; content: "、" } .drilldown-list li:hover { padding: 8px; border-radius: 2px; background-color: #fee5e7; transition: .25s } .drilldown-list li:hover .icon { display: inline-block } .drilldown-list li:hover::after { display: none } .drilldown-list li .icon { display: none; margin-left: 8px; color: #f55361; font-size: 13px } .section ul:not(.dropdown-menu).drilldown-list,.section ul:not(.dropdown-menu) .add-selected-list { padding-left: 0 } .table-listmaker.table-striped>tbody>tr:nth-child(odd).selected td,.table-striped.table-drilldown>tbody>tr:nth-child(odd).selected td { background-color: #d2e1f9 !important; color: #4284e4 } .table-listmaker tr.selected td,.table-drilldown tr.selected td { border-top: 1px solid #d2e1f9 !important; border-bottom: 1px solid #d2e1f9 !important; background-color: #d2e1f9 !important; color: #4284e4 } .table-listmaker tr.selected td.sort-control a.active,.table-drilldown tr.selected td.sort-control a.active { color: white } .table-listmaker td,.table-drilldown td { height: 40px } .table-listmaker td.sort-control,.table-drilldown td.sort-control { width: 32px; padding-left: 8px } .table-listmaker td.sort-control a,.table-drilldown td.sort-control a { display: block; height: 19px; padding-top: 3px; color: #657a84; font-size: 12px; text-align: center } .table-listmaker td.sort-control a:hover,.table-drilldown td.sort-control a:hover { color: #689de9 } .table-listmaker td.sort-control a.active,.table-drilldown td.sort-control a.active { color: #4284e4 } .listmaker__tgt--control { margin-bottom: 4px } .listmaker__tgt--control:before,.listmaker__tgt--control:after { display: table; content: " " } .listmaker__tgt--control:after { clear: both } .listmaker__tgt--control .btn-delall { width: 38px; float: right; background-color: rgba(0,0,0,0); color: #657a84 } .listmaker__tgt--control .btn-delall:hover,.listmaker__tgt--control .btn-delall:focus,.listmaker__tgt--control .btn-delall:active,.listmaker__tgt--control .btn-delall.active,.listmaker__tgt--control .btn-delall .open .dropdown-toggle { border-color: #fde3e6; background-color: #fde3e6; color: #657a84 } .listmaker__tgt--control .btn-delall:active,.listmaker__tgt--control .btn-delall.active,.listmaker__tgt--control .btn-delall .open .dropdown-toggle,.listmaker__tgt--control .btn-delall:active:hover,.listmaker__tgt--control .btn-delall.active:hover,.listmaker__tgt--control .btn-delall:active:focus,.listmaker__tgt--control .btn-delall.active:focus,.listmaker__tgt--control .btn-delall:active.focus,.listmaker__tgt--control .btn-delall.active.focus { border-color: #fccfd3; background: #fccfd3 } .listmaker__tgt--control .btn-delall.disabled,.listmaker__tgt--control .btn-delall.disabled:hover,.listmaker__tgt--control .btn-delall.disabled:focus,.listmaker__tgt--control .btn-delall.disabled:active,.listmaker__tgt--control .btn-delall.disabled.active,.listmaker__tgt--control .btn-delall[disabled],.listmaker__tgt--control .btn-delall[disabled]:hover,.listmaker__tgt--control .btn-delall[disabled]:focus,.listmaker__tgt--control .btn-delall[disabled]:active,.listmaker__tgt--control .btn-delall[disabled].active,fieldset[disabled] .listmaker__tgt--control .btn-delall,fieldset[disabled] .listmaker__tgt--control .btn-delall:hover,fieldset[disabled] .listmaker__tgt--control .btn-delall:focus,fieldset[disabled] .listmaker__tgt--control .btn-delall:active,fieldset[disabled] .listmaker__tgt--control .btn-delall.active { border-color: rgba(0,0,0,0); background-color: rgba(0,0,0,0); color: #657a84 } .listmaker__tgt--control .btn-delall:hover,.listmaker__tgt--control .btn-delall:focus { color: #f77581 } .listmaker__tgt--control .btn-delall:focus,.listmaker__tgt--control .btn-delall:focus:active { outline: none } .table-drilldown tbody tr td:last-child { padding-right: 8px } .table-drilldown tbody tr td input[type="text"] { padding-left: 6px; border-color: transparent; background-color: transparent } .table-drilldown tbody tr td input[type="text"]:focus { border-color: #4284e4; background-color: rgba(255,255,255,0.25) } .table-drilldown tbody tr.selected td input[type="text"] { color: #4284e4 } .table-drilldown tbody tr.selected td input[type="text"]:focus { color: #4284e4 } .table-drilldown tbody tr.selected td:last-child { position: relative } .table-drilldown tbody tr.selected td:last-child::before { position: absolute; top: 14px; right: 0px; width: 0; height: 0; border-width: 6px 8px 6px 0; border-style: solid; border-color: transparent; border-right-color: white; content: "" } .table-drilldown tbody tr.selected:first-child td { border-top: none !important } .drilldown--addrow { padding-top: 4px } .drilldown--addrow .btn { width: 100%; text-align: left } .modal--upload { z-index: 3020 } .modal--del { z-index: 3030 } .navbar#header-site { max-height: 48px } .navbar#header-content .inline-guide .label-icon-guide::before { content: '' } .navbar#header-content .tooltip { margin-left: 2px } .navbar#header-content .tooltip-inner { width: auto; min-width: 80px; white-space: nowrap } .navbar-text .companyname { padding-right: 16px; padding-left: 16px; border-right: 1px solid rgba(255,255,255,0.75); font-size: 0.93em; font-weight: bold } @media screen and (max-width: 767px) { #navbar-collapse-01 .navbar-right { position:relative } #navbar-collapse-01 .navbar-right .btn { position: absolute; top: 6px; right: 8px; color: white } #navbar-collapse-01 .navbar-text,#navbar-collapse-01 ul.navbar-nav { display: inline-block } } .navbar-inverse .navbar-text span.username { margin-right: 0; padding-right: 0; border-right: none } #header-content .addNew::before { z-index: 1; position: absolute; top: 20px; height: 24px; border-left: 1px dotted #98a9b0; content: '' } .navbar .navbar-user { font-size: 0.93em } .navbar .user--wrap { font-size: 1em } .container-fluid>.alert,.container>.alert { z-index: 1; position: relative; border-bottom: 1px solid white; box-shadow: none } .container-fluid>.alert .close,.container>.alert .close { position: relative; top: -4px } .container-fluid>.alert.alert-default,.container>.alert.alert-default { background-color: #f2f3f5; color: #45545b } .container-fluid>.alert.alert-default .alert-link,.container>.alert.alert-default .alert-link { color: #45545b } .container-fluid>.alert.alert-success,.container>.alert.alert-success { background-color: #d8f1f7; color: #0aaace } .container-fluid>.alert.alert-success .alert-link,.container>.alert.alert-success .alert-link { color: #0aaace } .container-fluid>.alert.alert-info,.container>.alert.alert-info { background-color: #e6f5e5; color: #65c15e } .container-fluid>.alert.alert-info .alert-link,.container>.alert.alert-info .alert-link { color: #65c15e } .container-fluid>.alert.alert-warning,.container>.alert.alert-warning { background-color: #f9f4dc; color: #dcb823 } .container-fluid>.alert.alert-warning .alert-link,.container>.alert.alert-warning .alert-link { color: #dcb823 } .container-fluid>.alert.alert-danger,.container>.alert.alert-danger { background-color: #fde3e6; color: #f55361 } .container-fluid>.alert.alert-danger .alert-link,.container>.alert.alert-danger .alert-link { color: #f55361 } .btn-fab { z-index: 1000; position: fixed; right: 12px; bottom: 12px; width: 64px; height: 64px; border-radius: 32px } .select-supplier .dropdown-menu li.dropdown-header,.select-status .dropdown-menu li.dropdown-header { display: none } .select-supplier .dropdown-menu li:last-child a:before { speak: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; margin: 0; padding-right: 4px; float: none; font-family: 'ABUI-icons'; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1; text-transform: none; content: '\2b' } .login-icon>h4 { display: none; font-weight: bold; text-transform: uppercase } .login-icon img { width: 100%; height: auto; padding: 0 24px } @media screen and (max-width: 767px) { .login-icon img { width:240px; height: auto; margin-bottom: 48px; padding: 0 } } .login-company-wrap .viewonly-text { padding-left: 0 !important; border-bottom-color: transparent !important; color: rgba(255,255,255,0.8) !important; font-size: 1em !important; text-align: left } .login-company-wrap .viewonly { position: relative } .login-company-wrap .viewonly .btn { position: absolute; top: 0; right: 0; background-color: transparent } .login-company-wrap .viewonly .btn:hover { background-color: #689de9 } .login-link+.login-link::before { display: inline; height: 13px; margin: 0 8px; border-left: 1px solid #a1c2f2; content: "" } h1.navbar-title { min-width: 132px; background-image: url("../images/logo-assetz-hr-w.svg"); background-position: 16px 12px; background-repeat: no-repeat; background-size: auto 22px; text-transform: uppercase } h1.navbar-title a { opacity: 0 } #header-site .navbar-toggle::before { font-size: 14px; content: "\e341" } @media (max-width: 1365px) { h1.navbar-title { background-position:48px 12px } .no-sidebar h1.navbar-title { background-position: 16px 12px } } #Assetz-List .filter:before { display: block; z-index: 1030; position: absolute; top: -8px; right: 276px; width: 0; height: 0; border-width: 0 6px 8px 6px; border-style: solid; border-color: transparent transparent #e4e9ea transparent; content: "" } .btn-filter-again.with-condition .filter--condition i.condition-label { display: inline-block; color: #98a9b0; font-size: 92.85%; font-style: normal } .btn-filter-again.with-condition .filter--condition i.condition-label::after { display: inline-block; margin-right: 4px; padding-left: 4px; content: "：" } .btn-filter-again.with-condition .filter--condition .icon-abui-arrow-right { padding: 0 2px; color: #657a84; font-size: 75% } .list-asset td a:not(.btn) { color: #2d383c } .list-asset td a:not(.btn):hover { color: #6fa1ea; text-decoration: underline } .list-asset tr.muted td a:not(.btn) { color: #98a9b0 } .list-asset td.pic { width: 48px } .list-asset td.pic span { display: block; position: relative; width: 32px; height: 32px; border-radius: 2px; background-color: #d0d6da; text-align: center } .list-asset td.pic span::before { speak: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: block; z-index: 0; position: absolute; top: 0; bottom: 0; width: 100%; height: 20px; margin: auto; color: white; font-family: 'ABUI-icons'; font-size: 20px; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1; text-transform: none; content: "\e060"; opacity: .75 } .list-asset td.pic span img { z-index: 1; position: relative; width: 32px; height: 32px; -o-object-fit: cover; object-fit: cover; border-radius: 2px } .pic.noimage span { display: block; border-radius: 2px; background-color: #f2f3f5; background-image: url("../images/bg_hatched.svg"); background-repeat: repeat; background-size: 8px } .category span::after,.place span::after { padding: 0 2px; color: #657a84; font-family: 'ABUI-icons'; font-size: 75%; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1; text-transform: none; content: "\e080" } .category span:last-child::after,.place span:last-child::after { display: none } .list-asset .item__category { margin-bottom: 3px; color: #98a9b0; font-size: 11px } .list-asset .item__category,.list-asset .item__nameText[data-v-ea6a2966] { padding-right: 12px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap } #Assetz-List .item-list-xs--item,#Assetz-Approve .item-list-xs--item { display: flex; flex-wrap: wrap; margin-bottom: 8px; padding: 12px; border: 1px solid #e4e9ea; border-radius: 2px; font-size: 14px; line-height: 1.4; cursor: pointer } #Assetz-List .item-list-xs--item:hover,#Assetz-Approve .item-list-xs--item:hover { background-color: rgba(66,132,228,0.1) } #Assetz-List .item-list-xs--item .item__info,#Assetz-Approve .item-list-xs--item .item__info { display: flex; width: 66.66% } #Assetz-List .item-list-xs--item .item__imgbox,#Assetz-List .item-list-xs--item .item__name,#Assetz-List .item-list-xs--item .item__status,#Assetz-List .item-list-xs--item .item_id,#Assetz-List .item-list-xs--item .item__place,#Assetz-List .item-list-xs--item .item__user,#Assetz-Approve .item-list-xs--item .item__imgbox,#Assetz-Approve .item-list-xs--item .item__name,#Assetz-Approve .item-list-xs--item .item__status,#Assetz-Approve .item-list-xs--item .item_id,#Assetz-Approve .item-list-xs--item .item__place,#Assetz-Approve .item-list-xs--item .item__user { display: block } #Assetz-List .item-list-xs--item .item__name .item__category,#Assetz-List .item-list-xs--item .item__name .item__nameText,#Assetz-Approve .item-list-xs--item .item__name .item__category,#Assetz-Approve .item-list-xs--item .item__name .item__nameText { display: block } #Assetz-List .item-list-xs--item .item__name .item__category,#Assetz-Approve .item-list-xs--item .item__name .item__category { color: #98a9b0; font-size: 11px; line-height: 1 } #Assetz-List .item-list-xs--item .item__name .item__nameText a,#Assetz-Approve .item-list-xs--item .item__name .item__nameText a { color: #2d383c } #Assetz-List .item-list-xs--item .item__name .item__nameText a:hover,#Assetz-Approve .item-list-xs--item .item__name .item__nameText a:hover { color: #6fa1ea } #Assetz-List .item-list-xs--item .item__name .item_id a,#Assetz-Approve .item-list-xs--item .item__name .item_id a { color: #45545b } #Assetz-List .item-list-xs--item .item__name .item_id a:hover,#Assetz-Approve .item-list-xs--item .item__name .item_id a:hover { color: #6fa1ea } #Assetz-List .item-list-xs--item .item__status,#Assetz-Approve .item-list-xs--item .item__status { display: flex; flex-direction: column; align-items: flex-end; justify-content: center; width: 33.33% } #Assetz-List .item-list-xs--item .item__status .item__place,#Assetz-List .item-list-xs--item .item__status .item__user,#Assetz-Approve .item-list-xs--item .item__status .item__place,#Assetz-Approve .item-list-xs--item .item__status .item__user { color: #657a84; font-size: 0.785em; text-align: right } #Assetz-List .item-list-xs--item .item__status .item__returndate,#Assetz-Approve .item-list-xs--item .item__status .item__returndate { padding-top: 2px; color: #657a84; font-size: 0.785em; text-align: right } #Assetz-List .item-list-xs--item .item__update,#Assetz-List .item-list-xs--item .item__applydate,#Assetz-Approve .item-list-xs--item .item__update,#Assetz-Approve .item-list-xs--item .item__applydate { padding-top: 8px; color: #98a9b0; font-size: 0.75em; line-height: 1 } #Assetz-List .item-list-xs--item .item_id,#Assetz-Approve .item-list-xs--item .item_id { width: 100%; padding-top: 4px; color: #657a84; font-size: 0.785em; line-height: 1 } #Assetz-List .item-list-xs--item.muted,#Assetz-Approve .item-list-xs--item.muted { background-color: #f2f3f5 } #Assetz-List .item-list-xs--item.muted .item__name,#Assetz-List .item-list-xs--item.muted .item__status,#Assetz-List .item-list-xs--item.muted .item_id,#Assetz-List .item-list-xs--item.muted .item__user,#Assetz-Approve .item-list-xs--item.muted .item__name,#Assetz-Approve .item-list-xs--item.muted .item__status,#Assetz-Approve .item-list-xs--item.muted .item_id,#Assetz-Approve .item-list-xs--item.muted .item__user { color: #98a9b0 } #Assetz-List .item-list-xs--item.muted .item__nameText a,#Assetz-Approve .item-list-xs--item.muted .item__nameText a { color: #98a9b0 } #Assetz-List .item-list-xs--item.muted .item_id a,#Assetz-Approve .item-list-xs--item.muted .item_id a { color: #98a9b0 } #Assetz-List .item__image,#Assetz-Approve .item__image { width: 54px } #Assetz-List .item__imgbox,#Assetz-Approve .item__imgbox { display: block; position: relative; width: 48px; min-width: 48px; height: 48px; margin-right: 8px; border-radius: 2px; background-color: #d0d6da; background-position: center center; background-size: cover } #Assetz-List .item__imgbox::before,#Assetz-Approve .item__imgbox::before { speak: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: block; z-index: 0; position: absolute; top: 0; bottom: 0; width: 100%; height: 24px; margin: auto; color: white; font-family: 'ABUI-icons'; font-size: 24px; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1; text-align: center; text-transform: none; content: "\e060"; opacity: .75 } #Assetz-List .item__imgbox img,#Assetz-Approve .item__imgbox img { z-index: 1; position: relative; width: 48px; height: 48px; -o-object-fit: cover; object-fit: cover; border-radius: 2px } #Assetz-List .list-item-btn-row,#Assetz-Approve .list-item-btn-row { display: flex; width: 100%; margin-bottom: 12px; padding: 12px; padding-top: 12px; border: 1px solid #e4e9ea; border-top: 1px dotted #e4e9ea; border-bottom-right-radius: 2px; border-bottom-left-radius: 2px; background-color: #ecf3fc } #Assetz-List .list-item-btn-row>div,#Assetz-Approve .list-item-btn-row>div { width: 50% } #Assetz-List .list-item-btn-row>div:nth-child(1),#Assetz-Approve .list-item-btn-row>div:nth-child(1) { padding-right: 4px } #Assetz-List .list-item-btn-row>div:nth-child(2),#Assetz-Approve .list-item-btn-row>div:nth-child(2) { padding-left: 4px } #Assetz-List .list-item-btn-row>div.btn-startusage-wrap,#Assetz-Approve .list-item-btn-row>div.btn-startusage-wrap { display: none; width: 100% } #Assetz-List .show-inventry-wrap { z-index: 1; position: absolute; right: 16px; padding: 2px 0 } #Assetz-List .item-list-xs--item.with-inventory { margin-bottom: 0; border-bottom: none; border-bottom-right-radius: 0; border-bottom-left-radius: 0 } #Assetz-List .item-list-xs--item.with-inventory+.list-item-btn-row { display: block } #Assetz-List .list-item-btn-row { display: none } #Assetz-List .list-item-btn-row>div { width: 100% } #Assetz-Approve .item-list-xs--item .item__info { width: 75% } #Assetz-Approve .item-list-xs--item .item__status { width: 25% } #Assetz-Approve .item-list-xs--item.with-approve { margin-bottom: 0; border-bottom: none; border-bottom-right-radius: 0; border-bottom-left-radius: 0 } #Assetz-Approve .item-list-xs--item.approved+.list-item-btn-row .btn-startusage-wrap { display: block } #Assetz-Approve .list-item-btn-row>div { width: 50% } #Assetz-Approve .list-item-btn-row>div:nth-child(1) { padding-right: 4px } #Assetz-Approve .list-item-btn-row>div:nth-child(2) { padding-left: 4px } #Assetz-Approve .list-item-btn-row>div.btn-startusage-wrap { display: none; width: 100% } .item-list-xs--item.has-empty { position: relative } .item-list-xs--item.has-empty::after { display: block; position: absolute; top: 8px; right: -4px; width: 8px; height: 8px; border-radius: 50%; background-color: #f55361; font-size: 0px; line-height: 1; content: "" } @media screen and (max-width: 767px) { #Assetz-List .btn-filter-again::after,#Assetz-Approve .btn-filter-again::after { padding-right:16px; font-family: 'ABUI-icons'; content: "\e003" } #Assetz-List .btn-filter-again.with-condition .filter--condition,#Assetz-Approve .btn-filter-again.with-condition .filter--condition { padding: 0 16px } #Assetz-List .filter::before,#Assetz-Approve .filter::before { display: none } } .status--occupied { color: #0aaace } .status--occupied a { color: #0aaace } .status--out-of-order { color: #f55361 } .status--out-of-order a { color: #f55361 } .status--under-repair { color: #65c15e } .status--under-repair a { color: #65c15e } .status--missing { color: #f55361 } .status--missing a { color: #f55361 } .status--maintenance-required { color: #dcb823 } .status--maintenance-required a { color: #dcb823 } .single--item #header-content h2.navbar-title.with-icon { padding-left: 60px } .single--item #header-content h2.navbar-title.with-icon .category-icon { display: block } .single--item #header-content h2.navbar-title.with-icon .pic { display: block } .single--item #header-content h2.navbar-title .category-icon { display: none; position: absolute; top: 16px; left: 16px; width: 32px; height: 32px; border-radius: 16px; background-color: #657a84; text-align: center } .single--item #header-content h2.navbar-title .category-icon>span { color: white; line-height: 32px } .single--item #header-content h2.navbar-title .pic { display: none; position: absolute; top: 16px; left: 16px; width: 32px; height: 32px } .single--item #header-content h2.navbar-title .pic span { width: 32px; height: 32px } .single--item #header-content h2.navbar-title .pic span img { width: 32px; height: 32px; -o-object-fit: cover; object-fit: cover; border-radius: 2px } .single--item #header-content h2.navbar-title .itemid { color: #657a84 } .single--item #header-content h2.navbar-title .itemid::after { padding: 0 4px; content: "：" } .single--item #header-content .item-tab .divider::before { display: block; height: 32px; margin-top: 16px; margin-right: 16px; margin-left: 16px; border-left: 1px dotted #98a9b0; content: "" } .single--item .navbar .navbar-header .btn-back.visible-xs-block+.navbar-title { padding-left: 16px } .single--item .col-item-side { padding-right: 8px } .single--item .item-status { display: flex; position: relative; flex-direction: column; align-items: flex-start; padding-left: 16px; border-left: 4px solid #657a84; border-radius: 1px; font-weight: bold; cursor: pointer } .single--item .item-status.status--occupied { border-color: rgba(10,170,206,0.5) } .single--item .item-status.status--out-of-order { border-color: rgba(245,83,97,0.5) } .single--item .item-status.status--under-repair { border-color: rgba(101,193,94,0.5) } .single--item .item-status.status--missing { border-color: rgba(245,83,97,0.5) } .single--item .item-status.status--maintenance-required { border-color: rgba(220,184,35,0.5) } .single--item .item-status:hover { opacity: .7 } .single--item .item-status p { margin-bottom: 0 } .single--item .item-status p.item-status-label { margin-bottom: 8px; font-size: 1.25em } .single--item .item-status .inuse { font-size: 0.8125em; font-weight: normal } .single--item .item-status .inuse .icon-abui-arrow-right { padding: 0 2px; font-size: 0.875em } .single--item .item-status .inuse .place { display: block } .single--item .item-update,.single--item .item-inventory { padding: 0; color: #98a9b0; font-size: 0.8125em } .single--item .item-update-info { margin-top: 24px } .single--item .item-docs { position: relative; margin-top: 8px; padding: 0; padding-left: 8px; border-bottom: 1px solid #e4e9ea; color: #45545b; color: #98a9b0 } .single--item .item-docs.in-form { margin-top: 0; padding-top: 22px; border-bottom: none } .single--item .item-docs.in-form .adddoc--row { padding-top: 2px } .single--item .item-docs.in-form .row--addcontrol button { margin-bottom: 0 } .single--item .item-docs .item-docs-name { padding: 8px 0; font-size: 0.875em } .single--item .item-docs .adddoc--row { height: 36px; margin-bottom: 12px; padding-top: 4px } .single--item .item-docs .adddoc--row .js-adddoc--del { top: -4px } .single--item .item-docs .row--addcontrol { position: absolute; right: 0px; bottom: 0px; text-align: right } .single--item .item-docs .row--addcontrol button { margin-bottom: 12px } .single--item .item-docs .item-docs-inner::before { speak: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: inline-block; position: relative; top: 2px; padding-right: 4px; font-family: 'ABUI-icons'; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1; text-transform: none; content: "\e022" } .single--item .item-sticker { margin-top: 16px } .single--item .item-sticker .item-sticker-record { display: block; padding-top: 4px; color: #4284e4; font-size: 0.8125em } .single--item .item-storage { margin-top: 16px; color: #657a84 } .single--item .item-storage .item-storage-label { display: block; font-size: 13px; font-size: 0.75em } .single--item .item-storage .place { display: block; font-size: 0.8125em } .single--item .storage { margin-top: 48px } .single--item .record-status { padding-top: 16px } .single--item .fabs { margin: 0; padding: 0 } .single--item .fabs li:nth-child(2) .btn-fab { right: 64px } .single--item .fabs .btn-fab { width: 44px; height: 44px; border-radius: 22px } .single--item .fabs .btn-fab.btn-inverse { background-color: rgba(255,255,255,0.8) } .single--item .fabs .btn-fab.btn-inverse:hover { background-color: #fff } @media (max-width: 991px) { .single--item #header-content .navbar-header { position:relative } .single--item #header-content .btn-back { display: block; position: absolute; top: 22px; left: -4px; color: #657a84; font-size: 20px; line-height: 1 } .single--item #header-content h2.navbar-title { padding-left: 40px } .single--item #header-content h2.navbar-title.with-icon { padding-left: 84px } .single--item #header-content h2.navbar-title .pic { left: 40px } .single--item .item-update-info { margin-top: 0; padding-bottom: 8px } .single--item .navbar-footblock { padding: 16px } .single--item .navbar-footblock.navbar-fixed-bottom { position: relative; margin-top: 16px } .subnavbar { z-index: 1020; position: absolute; top: 112px; width: 100%; padding: 0; overflow: auto; background-color: #e3e6e9 } .subnavbar .item-tab { display: flex; flex-wrap: nowrap; align-items: center; justify-content: flex-start; margin: 0; padding: 0 16px } .subnavbar .item-tab li { display: inline-flex; align-items: center; height: 48px; margin-right: 20px; border-bottom: 2px solid transparent; font-size: 13px } .subnavbar .item-tab li.active { border-bottom-color: #4284e4 } .subnavbar .item-tab li a { position: relative; color: #45545b; white-space: nowrap } .subnavbar .item-tab li a .navbar-unread { position: absolute; top: 2px; right: -8px; margin-left: 0 } .subnavbar+.wrapper.with-navbar-fixed-top-bslg { padding-top: 160px } } .edit .item-docs li { padding: 8px 0 } .edit .item-docs li button { display: inline } .edit .item-docs li button.btn--upload-doc { margin-left: 24px } .edit .item-docs .dropdown-menu li { padding: 0 } .edit .item-docs .dropdown-menu li a { color: #45545b } .item-pics { margin-bottom: 12px; padding-right: 16px } .item-pics figure { width: 19%; height: 48px; margin-right: 1%; float: left; border-radius: 2px; transition: none } .item-pics figure:first-child { width: 100%; height: 280px; margin-right: 0; margin-bottom: 12px; padding-right: 0 } .item-pics figure:first-child img { height: 280px } .item-pics figure img { width: 100%; height: 48px; -o-object-fit: cover; object-fit: cover } .item-pics .ui-state-highlight { width: 4px !important; background-color: #4284e4 } .item-pics .ui-state-disabled { opacity: 1 } .item-pics .btn-addpic { display: none; width: 20%; height: 48px; transition: none } .item-pics .btn-addpic.noimages { position: relative; width: 100%; height: 280px; padding: 0; border: 1px dashed #d0d6da; background-color: #f9f9fa; text-align: center } .item-pics .btn-addpic.noimages::before { speak: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: block; position: absolute; top: 0; bottom: 0; width: 100%; height: 160px; margin: auto; color: #e4e9ea; font-family: 'ABUI-icons'; font-size: 160px; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1; text-transform: none; content: "\e060"; opacity: .5 } .item-pics .btn-addpic.noimages>span { font-size: 20px } .item-pics .btn-delpic { display: none; z-index: 1; position: absolute; top: -4px; right: -4px; width: 16px; height: 16px; padding: 0; border-radius: 8px; font-size: 0.75em; line-height: 16px; text-align: center } .edit .item-pics figure { position: relative } .edit .item-pics figure::after { display: block; position: absolute; top: 0; left: 0; min-width: 18px; height: 18px; padding: 4px; background: rgba(242,243,245,0.75); color: #45545b; font-size: 10px; line-height: 1; text-align: center } .edit .item-pics figure.main::after { content: "メイン" } .edit .item-pics figure:nth-child(2)::after { content: "2" } .edit .item-pics figure:nth-child(3)::after { content: "3" } .edit .item-pics figure:nth-child(4)::after { content: "4" } .edit .item-pics figure:nth-child(5)::after { content: "5" } .edit .item-pics figure:nth-child(6)::after { content: "6" } .edit .item-pics figure:hover .btn-delpic { display: block } .edit .item-pics .btn-addpic { display: block } @media (max-width: 767px) { .single--item .storage { margin-top:0 } .single--item .record-status { padding-top: 0 } } @media (max-width: 991px) { .item-pics { padding-right:0 } } .item--acquire-person { position: relative } .item--acquire-namecard { display: block; position: absolute; top: 8px; right: 0; width: 22px; height: 16px; padding: 0; border: 1px solid #4284e4 } .item--acquire-namecard>span { display: block; position: absolute; top: 2px; left: 1px; font-size: 9px } .edit .supplier-info-viewonly,.edit .supplier-info-edit,.edit .lease-info-viewonly,.edit .rental-info-viewonly { position: relative; margin-top: 4px; margin-bottom: 8px; padding: 24px 24px 8px; border: 1px dotted #d0d6da; border-radius: 2px; background: rgba(242,243,245,0.5) } .edit .supplier-info-edit { background: transparent; background-color: #f0f5fd } .edit .lease-info-viewonly,.edit .rental-info-viewonly { margin-bottom: 16px } .lease-old,.rental-old { margin-bottom: 40px } .lease--purchase--wrap,.rental--purchase--wrap { margin-bottom: 24px } .btn-edit-supplier { z-index: 1; position: absolute; top: 4px; right: 4px } .icon-pass,.icon-move { color: #657a84 } .icon-pass.form-inline-text,.icon-move.form-inline-text { padding-top: 10px; font-size: 1em } @media screen and (max-width: 767px) { .icon-pass.form-inline-text,.icon-move.form-inline-text { display:block; padding: 0; text-align: center } .icon-pass.form-inline-text>span,.icon-move.form-inline-text>span { display: inline-block; transform: rotate(90deg) } } #usage-history td .icon-pass { padding: 0 4px; font-size: 75% } #selectAssetType .dropdown-menu li a::after { color: #98a9b0; font-size: 80% } #selectAssetType .dropdown-menu li.selected a::after { color: rgba(255,255,255,0.5) } #selectAssetType .dropdown-menu li[data-original-index="0"] a::after { content: "事業用の事務所、店舗、工場、倉庫など" } #selectAssetType .dropdown-menu li[data-original-index="1"] a::after { content: "電気・ガスや空調設備、エレベーターなど" } #selectAssetType .dropdown-menu li[data-original-index="2"] a::after { content: "アスファルト、フェンス、立て看板など" } #selectAssetType .dropdown-menu li[data-original-index="3"] a::after { content: "製造用装置や建設機械など" } #selectAssetType .dropdown-menu li[data-original-index="4"] a::after { content: "自動車やトラック、オートバイなど" } #selectAssetType .dropdown-menu li[data-original-index="5"] a::after { content: "コンピューターや机、コピー機、測定器など" } #selectAssetType .dropdown-menu li[data-original-index="6"] a::after { content: "" } #selectAssetType .dropdown-menu li[data-original-index="7"] a::after { content: "" } #selectAssetType .dropdown-menu li[data-original-index="8"] a::after { content: "事業用建物の敷地や資材置き場、駐車場など" } #selectAssetType .dropdown-menu li[data-original-index="9"] a::after { content: "建物等の建築中に支払う費用など" } #selectAssetType .dropdown-menu li[data-original-index="10"] a::after { content: "" } #selectAssetType .dropdown-menu li[data-original-index="11"] a::after { content: "営業譲渡や合併の際に、対価として支払う金額が受入純資産額を超える場合の超過部分" } #selectAssetType .dropdown-menu li[data-original-index="12"] a::after { content: "" } #selectAssetType .dropdown-menu li[data-original-index="13"] a::after { content: "" } #selectAssetType .dropdown-menu li[data-original-index="14"] a::after { content: "" } #selectAssetType .dropdown-menu li[data-original-index="15"] a::after { content: "コンピュータプログラムなどソフトウェアの購入、制作などにかかる費用" } .table-drilldown-wrap__inner { border-top: 2px solid #d0d6da; background-color: #f2f3f5 } .table-drilldown-wrap__inner tr:last-child { border-bottom: 1px solid #d0d6da } .table-drilldown-wrap__inner td { background-color: white } .drilldown-box#drilldown--useful-life,.drilldown-box#drilldown--category,.drilldown-box#drilldown--depreciation-city { width: auto; margin: 0; padding: 0; padding-left: 0 !important; overflow: hidden } .drilldown-box#drilldown--useful-life.drilldown-box-w3,.drilldown-box#drilldown--category.drilldown-box-w3,.drilldown-box#drilldown--depreciation-city.drilldown-box-w3 { min-width: 896px } .drilldown-box#drilldown--useful-life.drilldown-box-w4,.drilldown-box#drilldown--category.drilldown-box-w4,.drilldown-box#drilldown--depreciation-city.drilldown-box-w4 { min-width: 960px } .drilldown-box#drilldown--useful-life.drilldown-box-w5,.drilldown-box#drilldown--category.drilldown-box-w5,.drilldown-box#drilldown--depreciation-city.drilldown-box-w5 { min-width: 1200px } .drilldown-box#drilldown--useful-life.drilldown-box-w5 .table-drilldown-wrap,.drilldown-box#drilldown--category.drilldown-box-w5 .table-drilldown-wrap,.drilldown-box#drilldown--depreciation-city.drilldown-box-w5 .table-drilldown-wrap { width: 20% } .drilldown-box#drilldown--useful-life .table-drilldown-wrap,.drilldown-box#drilldown--category .table-drilldown-wrap,.drilldown-box#drilldown--depreciation-city .table-drilldown-wrap { width: 298px } .list { margin-bottom: 12px } .list--dashboard .category,.list--dashboard .place { width: 100%; font-size: 78.5% } .list--dashboard .asset-name { width: 100% } .list--dashboard table.list-asset { border-top: 2px solid #d0d6da } .list--dashboard.list--alert table.list-asset td:nth-child(1) { width: 80px; white-space: nowrap } .list--dashboard.list--alert table.list-asset td:nth-child(3) { width: 200px; max-width: 200px } .list--dashboard.list--alert table.list-asset td:nth-child(4) { width: 120px; white-space: nowrap } .list--dashboard.list--alert table.list-asset td:nth-child(5) { width: 96px; white-space: nowrap } .list--dashboard.list--update table.list-asset td:nth-child(1) { width: 80px; white-space: nowrap } .list--dashboard.list--update table.list-asset td:nth-child(3) { width: 200px; max-width: 200px } .list--dashboard.list--update table.list-asset td:nth-child(4) { width: 120px; white-space: nowrap } .list--dashboard.list--update table.list-asset td:nth-child(5) { width: 120px; white-space: nowrap } .list--dashboard.list--update table.list-asset td .icon-move { padding: 0 4px; font-size: 75% } .list--dashboard--subtitle { margin: 0; padding-bottom: 4px; color: #657a84; font-size: 0.785em; font-weight: bold } .list-asset tbody tr.has-empty { position: relative } .list-asset tbody tr.has-empty::after { display: block; position: absolute; width: 6px; height: 6px; margin-top: 8px; margin-left: -12px; border-radius: 50%; background-color: #f55361; font-size: 0px; line-height: 1; content: "" } .noresult-msg { margin: 32px 0; color: #98a9b0; font-size: 0.875em; text-align: center } @media screen and (max-width: 767px) { .noresult-msg { margin:0; text-align: left } } .sheet { padding: 24px } .sheet h5,.sheet h6 { padding-top: 0 } .dashboard-kpi--left { padding-right: 32px; border-right: 1px dotted #d0d6da } .dashboard-kpi--right { padding-left: 32px } .link--depreciable-assets { text-align: right } @media screen and (max-width: 991px) { #sheet--expiring .dashboard-kpi--left { padding-right:12px; border-right: none } #sheet--expiring .dashboard-kpi--right { padding-left: 12px } } @media screen and (max-width: 767px) { .sheet h5 { text-align:center } .sheet .dashboard-kpi { text-align: center } .sheet .kpi--label { text-align: center } .sheet .link--depreciable-assets { margin-top: -16px; margin-bottom: 16px; text-align: center } } .dashboard-kpi { margin-bottom: 12px; cursor: pointer } .dashboard-kpi.kpi-lg .kpi--val { font-size: 32px } .dashboard-kpi.kpi-lg .kpi--val::after { top: -6px } .dashboard-kpi:hover .kpi--label,.dashboard-kpi:hover .kpi--val,.dashboard-kpi:hover .kpi--unit,.dashboard-kpi:hover .kpi--supplement { color: #6fa1ea } .dashboard-kpi:hover .kpi--val::after { display: inline-block } .kpi--val { position: relative; font-size: 24px; line-height: 1 } .kpi--val::after { display: none; position: relative; top: -2px; padding-left: 8px; color: #6fa1ea; font-family: 'ABUI-icons'; font-size: 14px; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1; text-transform: none; content: "\e080" } .kpi--label { display: block; padding-bottom: 4px; color: #657a84; font-size: 0.875em } .kpi--supplement { display: block; color: #98a9b0; font-size: 0.785em } #recent-update { margin-bottom: 64px } .timeline { position: relative; top: -20px; background: url("../images/gray-subtle.png"); background-position: 12px 0; background-repeat: repeat-y; background-size: 1px 1px } .timeline.noresult { background: none } .timeline.noresult p { padding-top: 24px; padding-bottom: 16px; color: #657a84; font-size: 0.8125em } .update--date { height: 48px; margin-top: 8px; background-color: white; color: #98a9b0; font-size: 0.875em; line-height: 48px } .update--record { position: relative; padding-top: 12px; padding-left: 28px } .update--record::before { display: block; position: absolute; top: 23px; left: 8.5px; width: 7px; height: 7px; border-radius: 3.5px; background-color: #d0d6da; content: "" } .update--record::after { display: block; margin-top: 16px; border-bottom: 1px dotted #d0d6da; content: "" } .update--record--lead { display: block } .update--record--user { display: block; color: #98a9b0; font-size: 0.8125em } .update--record--item { display: flex; align-items: center; margin-top: 8px; padding: 12px; background-color: #f2f3f5; font-size: 0.875em; cursor: pointer } .update--record--item:hover { background-color: #e1ebfb } .record--item--pic { width: 32px; min-width: 32px; padding-right: 16px } .record--item--pic span { width: 32px; height: 32px } .record--item--pic span img { width: 32px; height: 32px; -o-object-fit: cover; object-fit: cover; border-radius: 2px } .record--item--id,.record--item--category,.record--item--name { padding-right: 12px; padding-left: 12px } .update--record--content { margin-top: 12px; color: #657a84; font-size: 0.875em } .update--record--content ul { margin-bottom: 0; padding-left: 20px; list-style-type: disc } .update--record--content li { margin-bottom: 4px; line-height: 1.5 } .update--foot { height: 16px } .update--foot::before,.update--foot::after { display: block; height: 4px; margin-bottom: 4px; background-color: white; content: "" } .update--foot::before { margin-top: 16px } @media screen and (max-width: 767px) { .update--record--user { text-align:left } .update--record--item { position: relative; flex-direction: column; align-items: flex-start; padding-left: 56px } .update--record--item .record--item--pic { position: absolute; left: 12px } .update--record--item .record--item--id,.update--record--item .record--item--category,.update--record--item .record--item--name { padding-right: 0; padding-left: 0; line-height: 1.6 } .update--record--item .record--item--id { color: #657a84 } } .show-inventory__tgt.show--inventory { display: none } #footer-button { padding-top: 24px } .innerscroll--wrap { overflow: scroll } #inline-guide--permission .tooltip table,#inline-guide--permission-modal .tooltip table { min-width: 400px; background-color: transparent } #inline-guide--permission .tooltip table th,#inline-guide--permission .tooltip table td,#inline-guide--permission-modal .tooltip table th,#inline-guide--permission-modal .tooltip table td { height: 24px; min-height: 24px; background-color: transparent; white-space: nowrap } #inline-guide--permission .tooltip table th,#inline-guide--permission-modal .tooltip table th { border-top: none; border-bottom: 2px solid #98a9b0; color: #d0d6da } #inline-guide--permission .tooltip table td,#inline-guide--permission-modal .tooltip table td { border-top: 1px solid #98a9b0; font-size: 1em } #inline-guide--permission .tooltip table td:first-child,#inline-guide--permission-modal .tooltip table td:first-child { text-align: left } #innerScroll--table-user table tr td:first-child,.innerScroll--table-user table tr td:first-child { width: 50% } #innerScroll--table-user table tr td:nth-child(3),.innerScroll--table-user table tr td:nth-child(3) { width: 44px; text-align: right } .bootstrap-select.btn-group.select-sm .btn-input[data-id="select-permission-type"] { padding-right: 24px; border-color: transparent; font-size: 12px } .bootstrap-select.btn-group.select-sm .btn-input[data-id="select-permission-type"] .filter-option { margin-top: -1px } .bootstrap-select.btn-group.select-sm .btn-input[data-id="select-permission-type"] .caret { margin-top: -5px } .table--sortable tr.ui-sortable-handle { width: 100% } .table--sortable tr.ui-sortable-handle td:last-child { position: relative; width: 40px } .ui-sortable>tr>td:last-child::after,.table>thead .ui-sortable>tr:nth-child(odd)>td:last-child::after,.table>tbody .ui-sortable>tr:nth-child(odd)>td:last-child::after,.table>tfoot .ui-sortable>tr:nth-child(odd)>td:last-child::after,.table-striped>thead .ui-sortable>tr:nth-child(odd)>td:last-child::after,.table-striped>tbody .ui-sortable>tr:nth-child(odd)>td:last-child::after,.table-striped>tfoot .ui-sortable>tr:nth-child(odd)>td:last-child::after,.ui-sortable>li::after { top: 11px; right: 16px; width: 6px; height: 18px; border-right: 2px dotted #d0d6da; border-left: 2px dotted #d0d6da; content: "" } #drilldown-place-layer1 table tr td:nth-child(2),#drilldown-org-layer2 table tr td:nth-child(2) { width: 96px } .table-confirm-related-head tr th:nth-child(1),.table-confirm-related-head tr td:nth-child(1),.table-confirm-related-body tr th:nth-child(1),.table-confirm-related-body tr td:nth-child(1) { width: 16.66% } .table-confirm-related-head tr th:nth-child(2),.table-confirm-related-head tr td:nth-child(2),.table-confirm-related-body tr th:nth-child(2),.table-confirm-related-body tr td:nth-child(2) { width: 48px } .table-confirm-related-head tr th:nth-child(4),.table-confirm-related-head tr td:nth-child(4),.table-confirm-related-body tr th:nth-child(4),.table-confirm-related-body tr td:nth-child(4) { width: 16.66% } .table-confirm-related-wrap { margin-top: 16px } .table-confirm-related-body-wrap { overflow: auto } .demo-tooltips img { max-width: 100%; height: auto } @media (min-width: 768px) { .demo-tooltips { width:calc(1168px / 2) } } @media (max-width: 991px) { .demo-tooltips.demo-tooltips--sp { width:calc(400px / 2); margin: 0 auto 8px } } @media (min-width: 768px) { .demo-tooltips.demo-tooltips--sp { display:none } } .demo-tooltips .tooltip { z-index: 1020 } .example.demo-top ~ .tooltip { z-index: 1020 } .demo-tooltip-styling { position: relative } .demo-tooltip-styling .tooltip-inner { width: 200px; margin: 0 auto; font-size: 13px; line-height: 1.4 } .demo-tooltip-styling .tooltip-arrow { bottom: -8px; left: 50%; margin-left: -8px; border-width: 8px 6px 0; border-top-color: #657a84 } .abui-tooltip--color__wrap { display: flex; flex-direction: column; flex-wrap: wrap } @media (min-width: 768px) { .abui-tooltip--color__wrap { flex-direction:row; margin-bottom: 16px } } .abui-tooltip--color__item { width: 183px; margin: 0 auto 24px; font-size: 13px; line-height: 1.4 } @media (min-width: 768px) { .abui-tooltip--color__item { width:calc(100% / 6 - 8px); margin-right: 8px; margin-bottom: 8px } .abui-tooltip--color__item:last-child { margin-right: 0 } .abui-tooltip--color__item .tooltip-inner { min-width: auto } } .abui-tooltip--color__item>div { position: relative } .abui-tooltip--color__item .example.left .tooltip-arrow { top: 50%; right: -8px; margin-top: -6px; border-width: 6px 0 6px 8px; border-left-color: #657a84 } #tooltip-first-upload { z-index: 10; position: fixed; right: 80px; bottom: 14px } @media screen and (max-width: 767px) { #tooltip-first-upload { right:88px; margin-bottom: 8px } } .first-item { margin-bottom: 16px; padding: 24px 24px 12px; border-radius: 2px; background-color: #d0e0f8 } .first-item-eyecatch { display: flex; position: relative; top: -4px; align-items: center; justify-content: center; height: 64px; color: white; font-size: 64px; line-height: 1; text-align: center } .first-item-eyecatch i { display: block; position: absolute } .first-item-eyecatch .first-item-lead { display: none; padding-top: 12px; color: #4284e4; font-size: 21px } .first-item-eyecatch .first-item-lead+.btn { width: 64px; height: 64px; margin-bottom: 16px; border-radius: 32px } .first-item-eyecatch.first { top: 0; flex-direction: column; height: auto; font-size: 56px } .first-item-eyecatch.first .first-item-lead { display: block } .first-item-eyecatch.first .first-item-lead small { display: block; padding-top: 8px; padding-bottom: 4px; font-size: 14px; line-height: 1.4 } .first-item-eyecatch.first .first-item-code { padding: 0 } .first-item-eyecatch.first i { position: relative } .first-item-code { display: block; z-index: 1; position: relative; padding-left: 80px; color: #4284e4; font-size: 17.5px; font-weight: 600; text-align: left; cursor: pointer } .first-item-code::before { display: block; margin-bottom: 4px; padding-right: 4px; font-size: 11.375px; font-weight: 400; content: "招待コード" } @media (max-width: 767px) { #Assetz-Settings-user .table-head-scroll { z-index:10; position: absolute; top: 0; left: 0 } #Assetz-Settings-user .table-head-scroll thead th:first-child { padding-left: 16px } #Assetz-Settings-user .table-head-scroll.is-fixed { position: fixed; top: 112px } #Assetz-Settings-user .innerscroll--wrap { height: auto !important; padding-top: 36px; overflow: unset } #Assetz-Settings-user .th--permission div:nth-child(2) { margin-right: -12px } #Assetz-Settings-user .th--permission div:nth-child(2) button { padding-left: 4px } } .status--applied { color: #4284e4 } .status--applied a { color: #4284e4 } .status--inuse { color: #0aaace } .status--inuse a { color: #0aaace } .status--overdue { color: #f55361 } .status--overdue a { color: #f55361 } .status--approved { color: #0aaace } .status--approved a { color: #0aaace } .status--disapproved { color: #98a9b0 } .status--disapproved a { color: #98a9b0 } .list-approve .btn-approve .dropdown-menu li>a { color: #45545b } .list-approve .btn-approve .dropdown-menu li>a:hover { text-decoration: none } .list-approve .btn-approve>.btn+.dropdown-toggle { border-left-color: transparent } .list-approve tr:not(.applied) .btn-approve,.list-approve tr:not(.applied) .btn-startusage { display: none } .list-approve tr.approved .btn-startusage { display: block } .app h1.navbar-title { background-position: 16px 12px } .app .navbar-app-user { z-index: 1; font-size: 14px } .app .navbar-app-user a { padding-top: 17px; padding-right: 16px } .app .wrapper.with-footblock { padding-bottom: 64px } .app.single--item .navbar-footblock.navbar-fixed-bottom { position: fixed } .app.single--item .navbar-footblock.navbar-fixed-bottom .btn--icon { display: flex; flex-direction: column; align-items: center } .app.single--item .navbar-footblock.navbar-fixed-bottom .btn--icon i { font-size: 15.988px } .app.single--item .navbar-footblock.navbar-fixed-bottom .btn--icon span { font-size: 9px } .app .footblock { z-index: 1040; position: fixed; bottom: 0; width: 100%; height: 64px; padding: 0 16px; border-top: 1px solid #e4e9ea; background: #f9f9fa } .app .footblock .foot-nav { display: flex } .app .footblock .active { color: #4284e4 } .app .footblock .btn { display: flex; flex-direction: column; align-items: center; justify-content: flex-start; height: 64px; padding-top: 8px; background-color: transparent !important; line-height: 1 } .app .footblock .btn>span,.app .footblock .btn>i { display: block } .app .footblock .btn>i { font-size: 20px } .app .footblock .col-xs-1,.app .footblock .col-sm-1,.app .footblock .col-md-1,.app .footblock .col-lg-1,.app .footblock .col-xs-2,.app .footblock .col-sm-2,.app .footblock .col-md-2,.app .footblock .col-lg-2,.app .footblock .col-xs-3,.app .footblock .col-sm-3,.app .footblock .col-md-3,.app .footblock .col-lg-3,.app .footblock .col-xs-4,.app .footblock .col-sm-4,.app .footblock .col-md-4,.app .footblock .col-lg-4,.app .footblock .col-xs-5,.app .footblock .col-sm-5,.app .footblock .col-md-5,.app .footblock .col-lg-5,.app .footblock .col-xs-6,.app .footblock .col-sm-6,.app .footblock .col-md-6,.app .footblock .col-lg-6,.app .footblock .col-xs-7,.app .footblock .col-sm-7,.app .footblock .col-md-7,.app .footblock .col-lg-7,.app .footblock .col-xs-8,.app .footblock .col-sm-8,.app .footblock .col-md-8,.app .footblock .col-lg-8,.app .footblock .col-xs-9,.app .footblock .col-sm-9,.app .footblock .col-md-9,.app .footblock .col-lg-9,.app .footblock .col-xs-10,.app .footblock .col-sm-10,.app .footblock .col-md-10,.app .footblock .col-lg-10,.app .footblock .col-xs-11,.app .footblock .col-sm-11,.app .footblock .col-md-11,.app .footblock .col-lg-11,.app .footblock .col-xs-12,.app .footblock .col-sm-12,.app .footblock .col-md-12,.app .footblock .col-lg-12 { padding: 0 } .app .footblock .footbtn--label { display: block; width: 100%; margin-top: 6px; font-size: 9px; text-align: center } .step-list { display: flex; align-items: center; justify-content: center; height: 80px } .step-item { display: flex; position: relative; align-items: center; color: #98a9b0; font-size: 0.75em; text-align: center } .step-item:first-child::before,.step-item:last-child::after { background-color: transparent } .step-item::before,.step-item::after { display: block; width: 40px; height: 2px; background-color: #d0d6da; content: "" } .step-item.active .step-mark { border-color: #4284e4; background-color: #4284e4 } .step-item.done .step-mark { border-color: #4284e4 } .step-item .step-mark { display: block; width: 16px; height: 16px; border: 2px solid #d0d6da; border-radius: 8px } .step-item span { display: block; position: absolute; top: -24px; width: 100%; white-space: nowrap } .payment-bankaccount .payment-bankaccount--title { color: #657a84; font-size: 13px } .payment-bankaccount .payment-bankaccount--info { font-size: 16px } .payment-bankaccount .payment-bankaccount--text { margin-bottom: 0; color: #657a84; font-size: 14px } .payment-bankaccount .payment-bankaccount--text span { padding: 0 4px; font-weight: bold } .dropdown-menu li a.disabled { color: #98a9b0; pointer-events: none } .panel--payment { padding: 24px } .img--change-step { position: relative; height: 208px; margin: 16px 0; background-image: url(../images/change-step.png); background-size: 576px 208px } .present-daysleft,.renew-daysleft { position: absolute; font-size: 20px } .present-daysleft::after,.renew-daysleft::after { font-size: 18px; content: "日" } .present-daysleft { top: 26px; left: 270px } .renew-daysleft { top: 130px; left: 220px } #Assetz-List.Assetz-App-add .btn-fab.center { right: 50%; margin-right: -32px } .Assetz-App-add .navbar .username { display: inline-block; width: 7em; font-size: 12px } .halfmodal.halfmodal-general .halfmodal-body { height: auto; min-height: 76px; background-color: #fcfcfd } .halfmodal.halfmodal-general .halfmodal-header { border-bottom: none; background-color: #fcfcfd } .halfmodal.halfmodal-general .halfmodal-header .halfmodal-header-btn.cancel { display: flex; align-items: center; justify-content: center; width: 100% } .halfmodal.halfmodal-general .halfmodal-header .halfmodal-header-btn.cancel a { display: flex; align-items: center; justify-content: center; width: 96px; height: 24px } .halfmodal.halfmodal-general .halfmodal-header .halfmodal-header-btn.cancel a::before { display: block; width: 72px; height: 6px; border-radius: 3px; background-color: #e4e9ea; content: "" } .halfmodal.halfmodal-general .halfmodal-body ul { margin: 0; padding: 0 0 32px } .halfmodal.halfmodal-general .halfmodal-body li>a,.halfmodal.halfmodal-general .halfmodal-body li>span { display: flex; align-items: center; justify-content: flex-start; height: 44px; min-height: 44px; padding-right: 16px; padding-left: 16px; color: #657a84 } .halfmodal.halfmodal-general .halfmodal-body li>a span,.halfmodal.halfmodal-general .halfmodal-body li>a i,.halfmodal.halfmodal-general .halfmodal-body li>span span,.halfmodal.halfmodal-general .halfmodal-body li>span i { display: block } .halfmodal.halfmodal-general .halfmodal-body li>a i,.halfmodal.halfmodal-general .halfmodal-body li>span i { margin-right: 16px; font-size: 20px } .halfmodal.halfmodal-general .halfmodal-body li.setting-switch>span { justify-content: space-between } .halfmodal.halfmodal-general .halfmodal-body li.setting-switch .has-switch { top: 0 } .halfmodal.halfmodal-general .halfmodal-body li.setting-switch.disabled { opacity: .33 } .halfmodal.halfmodal-general .halfmodal-body li.setting-switch.disabled * { pointer-events: none } .halfmodal-content { position: absolute; top: 0; top: 740px; width: 100%; padding-top: 54px } .halfmodal-header { display: flex; align-items: center; justify-content: space-between; height: 56px; border-bottom: 1px solid #e4e9ea; border-top-right-radius: 8px; border-top-left-radius: 8px; background-color: #f2f3f5 } .halfmodal-header .halfmodal-header-btn { width: 40px; padding: 0 8px } .halfmodal-header--title { color: #000; font-size: 16px; font-weight: bold } .halfmodal-body { min-height: 630px; background-color: white } .halfmodal-footer { display: flex; position: fixed; bottom: 0; align-items: center; justify-content: center; width: 100%; height: 56px; background-color: #4284e4; color: white } .halfmodal-footer a { padding: 0 16px } .halfmodal-footer.disabled { border-color: #d0d6da; background-color: #d0d6da } .os-library-list-item { display: flex; align-items: center; padding-top: 9px; padding-bottom: 7px; padding-left: 8px } .os-library-list-item-pic { position: relative; width: 70px; height: 74px; margin: 0; padding: 0 } .os-library-list-item-pic li { position: absolute; left: 0 } .os-library-list-item-pic li:nth-child(1) { z-index: 3; top: 0 } .os-library-list-item-pic li:nth-child(1) img { width: 72px; height: 72px; -o-object-fit: cover; object-fit: cover } .os-library-list-item-pic li:nth-child(2) { z-index: 2; top: -2px; left: 3px } .os-library-list-item-pic li:nth-child(2) img { width: 66px; height: 66px } .os-library-list-item-pic li:nth-child(3) { z-index: 1; top: -4px; left: 6px } .os-library-list-item-pic li:nth-child(3) img { width: 60px; height: 60px } .os-library-list-item-pic li img { border: 1px solid rgba(255,255,255,0.5) } .os-library-list-item-info { padding-left: 17px; font-size: 14px; line-height: 1.5 } .os-library-list-item-info .item-category { color: #000 } .os-library-list-item-info .item-num { color: #8a8a8e } .os-library-tile-wrap { display: flex; flex-wrap: wrap; align-content: flex-start; min-height: 630px; background-color: white } .os-library-tile-item { position: relative; width: 25%; height: 80px; padding: 1px } .os-library-tile-item img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover } .os-library-tile-item.selected .tile-item--selected { display: flex } .os-library-tile-item .tile-item--selected { display: flex; display: none; position: absolute; align-items: center; justify-content: center; width: 100%; width: 100%; height: 100%; background-color: rgba(66,132,228,0.5) } .os-library-tile-item .tile-item--selected i { display: block; color: white; font-size: 32px } .modal--user .user-icon-wrap { display: flex; align-items: center; justify-content: center } .modal--user .user-icon-wrap .user-icon { display: flex; align-items: center; justify-content: center; width: 48px; height: 48px; border-radius: 24px; background-color: #a1c2f2 } .modal--user .user-icon-wrap .user-icon::before { speak: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: block; color: rgba(255,255,255,0.5); font-family: 'ABUI-icons'; font-size: 36px; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1; text-transform: none; content: "\e341" } .modal--user .user-name { margin-bottom: 0; padding-top: 8px; color: #657a84; font-size: 14px; text-align: center } .modal--user .user-logout { display: block; margin-bottom: 24px; font-size: 13px; text-align: center } #modal--upload-library .halfmodal-footer { display: none; z-index: 10 } #library-2nd { z-index: 5; position: absolute } #modal--upload-camera .halfmodal-header { border-top-right-radius: 0; border-top-left-radius: 0; border-bottom-color: #45545b; background-color: #2d383c } #modal--upload-camera .halfmodal-content { position: fixed; padding-top: 0 } .upload-camera--shoot { display: flex; position: fixed; bottom: 0; align-items: center; justify-content: space-between; width: 100%; height: 120px; background-color: #2d383c } .upload-camera--shoot .btn-shoot { display: flex; align-items: center; justify-content: center; width: 56px; height: 56px; border-radius: 50% } .upload-camera--shoot .btn-shoot>span { display: block } .shoot-wrap { display: flex; position: relative; flex-direction: column; align-items: center; justify-content: space-around; padding-bottom: 48px; background-color: #2d383c } .shoot-wrap .shoot-pagination { position: absolute; bottom: 24px; margin: 0; padding: 0; text-align: center } .shoot-wrap .shoot-pagination li { display: inline-block; width: 4px; height: 4px; border-radius: 50%; background-color: #45545b } .shoot-wrap .shoot-pagination li.active { background-color: #657a84 } .shoot-wrap .btn-trim,.shoot-wrap .btn-delshoot { position: absolute; bottom: 12px; background-color: transparent !important } .shoot-wrap .btn-delshoot { left: 4px } .shoot-wrap .btn-trim { left: 52px } .shoot-item { position: relative; width: 100%; height: 75%; padding: 16px } .shoot-item img { width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain } .shoot-btn-left,.shoot-btn-right { width: 64px } .btn-shoot-done { background-color: transparent } .btn-shoot-done:hover,.btn-shoot-done:active,.btn-shoot-done:focus { background-color: transparent } #camera-1st { overflow: hidden } #camera-1st .camera-stage { display: flex; position: relative; align-items: center; justify-content: flex-end; height: 730px; padding: 4px; background-color: #e4e9ea } #camera-1st .camera-stage .flash { display: block; position: absolute; top: 8px; right: 12px; color: white; font-size: 20px } #camera-1st .camera-stage .flash img { width: 24px; height: 24px } #camera-2nd { position: fixed; width: 100%; height: 730px; background-color: #e4e9ea } #modal--scan-barcode .halfmodal-header { border-top-right-radius: 0; border-top-left-radius: 0; border-bottom-color: #45545b; background-color: #2d383c } #modal--scan-barcode .halfmodal-content { position: fixed; padding-top: 0 } #modal--scan-barcode .scan-stage { display: flex; position: relative; align-items: center; justify-content: center } #modal--scan-barcode .scan-stage .scan-mark,#modal--scan-barcode .scan-stage .scan-mark-frame { width: 100%; height: 136px } #modal--scan-barcode .scan-stage .scan-mark { z-index: 1; position: relative; padding: 0 16px } #modal--scan-barcode .scan-stage .scan-mark-frame { border: 1px solid rgba(255,255,255,0.5) } #modal--scan-barcode .scan-stage .scan-mark-line { position: absolute; top: 50%; left: 0; width: 100%; margin-top: -1px; border-top: 2px solid #4284e4; box-shadow: 0px 0px 4px #4284e4 } #modal--scan-barcode .scan-stage .scan-stage-mask { position: absolute; width: 100%; background-color: #45545b; opacity: .8 } #modal--scan-barcode .scan-stage .scan-stage-mask-top { display: flex; top: 0; align-items: flex-end; justify-content: center } #modal--scan-barcode .scan-stage .scan-stage-mask-top i { display: block; margin-bottom: 40px; color: white; font-size: 40px; opacity: 0 } #modal--scan-barcode .scan-stage .scan-stage-mask-bottom { bottom: 0 } #modal--scan-barcode .scan-stage .scan-text { display: block; margin-top: 32px; color: #e4e9ea; font-size: 12.56px; text-align: center } #modal--scan-barcode .scan-stage .dummy-barcode-shoot { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover } .exist-file--filtered .exist-file--doctype,.exist-file--filtered .exist-file--category { margin-bottom: 0 } .exist-file--filtered .exist-file--doctype { color: #657a84; font-size: 0.875em } .exist-file--filtered .exist-file--category { color: #98a9b0; font-size: 0.75em } #modal--pic-zoom .halfmodal-content { position: fixed; padding-top: 0 } #modal--pic-zoom .halfmodal-header { border-top-right-radius: 0; border-top-left-radius: 0; border-bottom-color: #45545b; background-color: #2d383c } #Assetz-Rent.login { background-color: white } #Assetz-Rent.login .login-form .form-control,#Assetz-Rent.login .login-form .twitter-typeahead .tt-hint,#Assetz-Rent.login .twitter-typeahead .login-form .tt-hint,#Assetz-Rent.login .login-form .twitter-typeahead .tt-query,#Assetz-Rent.login .twitter-typeahead .login-form .tt-query { border-color: rgba(66,132,228,0.5) } #Assetz-Rent.login .login-form .form-control:focus,#Assetz-Rent.login .login-form .twitter-typeahead .tt-hint:focus,#Assetz-Rent.login .twitter-typeahead .login-form .tt-hint:focus,#Assetz-Rent.login .login-form .twitter-typeahead .tt-query:focus,#Assetz-Rent.login .twitter-typeahead .login-form .tt-query:focus { border-color: #4284e4 } #Assetz-Rent.login .login-icon>h4 { display: block; padding-right: 24px; color: #4284e4 } #Assetz-Rent.login .credit { color: rgba(66,132,228,0.8) } #Assetz-Rent.login .credit .icon-abui-astrolablogo-mark { color: #4284e4 } #Assetz-Rent #header-site.navbar-inverse { background: linear-gradient(90deg, white, white); background-color: white } #Assetz-Rent .navbar-inverse .navbar-toggle::before { color: rgba(66,132,228,0.5) } #Assetz-Rent h1.navbar-title { background-image: url("../images/logo-assetz-hr-b.svg") } #Assetz-Rent .wrapper.with-navbar-fixed-bottom>.container,#Assetz-Rent .wrapper.with-navbar-fixed-bottom>.container-fluid { padding-bottom: 84px } #Assetz-Rent .item__category { margin-bottom: 3px; padding-right: 12px; overflow: hidden; color: #98a9b0; font-size: 11px; text-overflow: ellipsis; white-space: nowrap } #Assetz-Rent .item__image { width: 54px } #Assetz-Rent .item__imgbox { display: block; position: relative; width: 48px; min-width: 48px; height: 48px; margin-right: 8px; border-radius: 2px; background-color: #d0d6da; background-position: center center; background-size: cover } #Assetz-Rent .item__imgbox::before { speak: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: block; z-index: 0; position: absolute; top: 0; bottom: 0; width: 100%; height: 24px; margin: auto; color: white; font-family: 'ABUI-icons'; font-size: 24px; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1; text-align: center; text-transform: none; content: "\e060"; opacity: .75 } #Assetz-Rent .item__imgbox img { z-index: 1; position: relative; width: 48px; height: 48px; -o-object-fit: cover; object-fit: cover; border-radius: 2px } #Assetz-Rent .item__status--onloan { color: #657a84 } #Assetz-Rent .item__status--available { color: #4284e4 } #Assetz-Rent .item-list-xs--item { display: flex; flex-wrap: wrap; margin-bottom: 8px; padding: 12px; border: 1px solid #e4e9ea; border-radius: 2px; font-size: 14px; line-height: 1.4; cursor: pointer } #Assetz-Rent .item-list-xs--item:hover { background-color: rgba(66,132,228,0.1) } #Assetz-Rent .item-list-xs--item .item__info { display: flex; width: 75% } #Assetz-Rent .item-list-xs--item .item__imgbox,#Assetz-Rent .item-list-xs--item .item__name,#Assetz-Rent .item-list-xs--item .item__status,#Assetz-Rent .item-list-xs--item .item_id { display: block } #Assetz-Rent .item-list-xs--item .item__name .item__category,#Assetz-Rent .item-list-xs--item .item__name .item__nameText { display: block } #Assetz-Rent .item-list-xs--item .item__name .item__category { line-height: 1 } #Assetz-Rent .item-list-xs--item .item__status { display: flex; flex-direction: column; align-items: flex-end; justify-content: center; width: 25% } #Assetz-Rent .item-list-xs--item .item__status .item__returndate { padding-top: 2px; color: #657a84; font-size: 0.785em; text-align: right } #Assetz-Rent .item-list-xs--item .item_id { width: 100%; padding-top: 4px; color: #657a84; font-size: 0.785em; line-height: 1 } #Assetz-Rent .item-list-xs--item.muted { background-color: #f2f3f5 } #Assetz-Rent .item-list-xs--item.muted .item__name,#Assetz-Rent .item-list-xs--item.muted .item__status,#Assetz-Rent .item-list-xs--item.muted .item_id { color: #98a9b0 } #Assetz-Rent #home-search.section { padding-top: 24px; padding-bottom: 24px; border-top: none; background-color: #4284e4 } #Assetz-Rent #home-search.section input,#Assetz-Rent #home-search.section .input-group-btn .btn { border-color: #4284e4 } #Assetz-Rent #home-search.section #word-search { border-left-color: transparent } #Assetz-Rent #home-search.section+.section { border-top: none } #Assetz-Rent .rent-item-heading { display: flex; position: relative; align-items: center; padding: 24px 8.33%; overflow: hidden; background-color: rgba(66,132,228,0.66) } #Assetz-Rent .rent-item-heading::before { display: block; position: absolute; top: -4.165%; left: -8.33%; width: 240px; height: 240px; border-radius: 120px; background-image: url("../images/hatch-01-white.png"); background-size: 8px 8px; content: "" } #Assetz-Rent .rent-item-heading .my-gallery { display: flex; flex-wrap: wrap; justify-content: center; width: 240px } #Assetz-Rent .rent-item-heading .my-gallery .thumbnail { width: 42px; height: 42px; margin-right: 2px; border-radius: 21px } #Assetz-Rent .rent-item-heading .my-gallery .thumbnail a { display: block; height: 42px } #Assetz-Rent .rent-item-heading .my-gallery .thumbnail img { width: 42px; height: 42px; -o-object-fit: cover; object-fit: cover; border: 2px solid white; border-radius: 21px } #Assetz-Rent .rent-item-heading .my-gallery .thumbnail.main { width: 240px; height: 240px; margin-right: 0; margin-bottom: -12px; border-radius: 120px } #Assetz-Rent .rent-item-heading .my-gallery .thumbnail.main a { height: 240px } #Assetz-Rent .rent-item-heading .my-gallery .thumbnail.main img { width: 240px; height: 240px; -o-object-fit: cover; object-fit: cover; border: 2px solid white; border-radius: 120px } #Assetz-Rent .rent-item-heading .rent-item-heading-info { position: relative; width: 100%; padding-bottom: 8px; padding-left: 48px; line-height: 1.4 } #Assetz-Rent .rent-item-heading .rent-item-heading-info::before,#Assetz-Rent .rent-item-heading .rent-item-heading-info::after { display: block; z-index: 0; position: absolute; background-size: 8px 8px; content: "" } #Assetz-Rent .rent-item-heading .rent-item-heading-info::before { right: -4.165%; bottom: -12.5%; width: 120px; height: 120px; border-radius: 60px; background-image: url("../images/dot-01-white.png") } #Assetz-Rent .rent-item-heading .rent-item-heading-info::after { top: 8.33%; right: -12.5%; width: 52.8px; height: 52.8px; border-radius: 26.4px; background-image: url("../images/hatch-01-white.png") } #Assetz-Rent .rent-item-heading .item__category { display: block; width: auto; margin-bottom: 0; overflow: visible; color: white; font-size: 1.125em; text-overflow: clip; white-space: normal } #Assetz-Rent .rent-item-heading .item_id { display: block; margin-bottom: 4px; color: #45545b; font-size: 1em } #Assetz-Rent .rent-item-heading .item__name { display: block; z-index: 1; position: relative } #Assetz-Rent .rent-item-heading .item__nameText { font-size: 1.5em } #Assetz-Rent .rent-item-heading .item__rent-status { display: inline-block; z-index: 1; position: relative; height: 36px; margin-top: 16px; padding: 0 32px; border: 1px solid #121618; border-radius: 21px; font-size: 1.25em; line-height: 36px; text-align: center } #Assetz-Rent .rent-item-heading .item__rent-status.onloan { border-color: #45545b; background-color: rgba(255,255,255,0.75); color: #45545b } #Assetz-Rent .rent-item-heading .item__returndate { display: block; z-index: 1; position: relative; color: #45545b; font-size: 14px } #Assetz-Rent .rent-item-heading+.section { border-top: none } #Assetz-Rent .rent-item-heading .item__strorage { display: block; z-index: 1; position: relative; padding-top: 8px; color: #45545b; font-size: 14px } #Assetz-Rent .item-docs .item-docs-name { padding: 8px 0; font-size: 0.875em } #Assetz-Rent .item__user { display: block; z-index: 1; position: relative; padding-top: 8px; color: #45545b; font-size: 14px } #Assetz-Rent .item__user::before { display: inline-block; padding-right: 4px; font-family: "ABUI-icons"; font-style: normal; font-weight: normal; content: "\e341" } @media screen and (max-width: 767px) { #Assetz-Rent .btn-filter-again::after { padding-right:16px; font-family: 'ABUI-icons'; content: "\e003" } #Assetz-Rent .btn-filter-again.with-condition .filter--condition { padding: 0 16px } #Assetz-Rent .navbar-footblock { padding: 16px } #Assetz-Rent #home-search.section { padding-top: 16px; padding-bottom: 16px } #Assetz-Rent .rent-item-heading { padding: 24px } #Assetz-Rent .rent-item-heading::before { top: -2.0825%; left: -16.66%; width: 160px; height: 160px; border-radius: 80px } #Assetz-Rent .rent-item-heading .my-gallery { width: 160px } #Assetz-Rent .rent-item-heading .my-gallery .thumbnail { width: 28px; height: 28px; border-radius: 14px } #Assetz-Rent .rent-item-heading .my-gallery .thumbnail a { height: 28px } #Assetz-Rent .rent-item-heading .my-gallery .thumbnail img { width: 28px; height: 28px; border-radius: 14px } #Assetz-Rent .rent-item-heading .my-gallery .thumbnail.main { width: 160px; height: 160px; border-radius: 80px } #Assetz-Rent .rent-item-heading .my-gallery .thumbnail.main a { height: 160px } #Assetz-Rent .rent-item-heading .my-gallery .thumbnail.main img { width: 160px; height: 160px; border-radius: 80px } #Assetz-Rent .rent-item-heading .rent-item-heading-info { padding-left: 24px } #Assetz-Rent .rent-item-heading .rent-item-heading-info::before { right: -25%; bottom: -4.165%; width: 80px; height: 80px; border-radius: 40px; background-size: 8px 8px } #Assetz-Rent .rent-item-heading .rent-item-heading-info::after { top: auto; right: 12.5%; bottom: -25%; width: 40px; height: 40px; border-radius: 20px } #Assetz-Rent .rent-item-heading .item__category { font-size: 0.8125em } #Assetz-Rent .rent-item-heading .item_id { font-size: 0.75em } #Assetz-Rent .rent-item-heading .item__nameText { font-size: 1.125em } #Assetz-Rent .rent-item-heading .item__rent-status { display: block } #Assetz-Rent .rent-item-heading .item__returndate { font-size: 12px } #Assetz-Rent .rent-item-heading .item__user { font-size: 12px } #Assetz-Rent .rent-item-heading .item__strorage { font-size: 12px } #Assetz-Rent .rent-item-heading+.section { padding-top: 24px } } @media screen and (min-width: 768px) { #Assetz-Rent .navbar.navbar-inverse .navbar-text { color:#657a84 } #Assetz-Rent .navbar.navbar-inverse .navbar-text .companyname { border-right-color: #98a9b0 } #Assetz-Rent .navbar.navbar-inverse .navbar-nav>li>a { color: #657a84 } #Assetz-Rent .navbar.navbar-inverse .navbar-nav>.open>a { background-color: rgba(66,132,228,0.25) } } .Assetz-Agent.login .login-icon>h4 { display: block; padding-right: 24px } .Assetz-Agent h1.navbar-title>span { position: relative; top: 2px; left: 28px; font-size: 15px } .Assetz-Agent .dashboard-kpi--tabs { padding-bottom: 16px } .Assetz-Agent .dashboard-kpi--tabs .dashboard-kpi .kpi--val { min-height: 36px } .Assetz-Agent .dashboard-kpi { margin-bottom: 0; cursor: default } .Assetz-Agent .dashboard-kpi:hover .kpi--label { color: #657a84 } .Assetz-Agent .dashboard-kpi:hover .kpi--val,.Assetz-Agent .dashboard-kpi:hover .kpi--unit { color: #2d383c } .Assetz-Agent .dashboard-kpi:hover .kpi--supplement { color: #98a9b0 } .Assetz-Agent .dashboard-kpi:hover .kpi--val { position: relative } .Assetz-Agent .dashboard-kpi:hover .kpi--val::after { display: none } .Assetz-Agent .dashboard-kpi .nonsigned-noaccess,.Assetz-Agent .dashboard-kpi .label--nonsigned-noaccess { color: #f55361 } .Assetz-Agent .dashboard-kpi .signed-nousage,.Assetz-Agent .dashboard-kpi .label--signed-nousage { color: #dcb823 } .Assetz-Agent .dashboard-kpi .kpi--val { display: block; min-height: 44px; cursor: default } .Assetz-Agent .dashboard-kpi .kpi--val .nonsigned-noaccess,.Assetz-Agent .dashboard-kpi .kpi--val .signed-nousage,.Assetz-Agent .dashboard-kpi .kpi--val .nonsigned-accessed,.Assetz-Agent .dashboard-kpi .kpi--val .signed-used { font-size: 24px } .Assetz-Agent .dashboard-kpi .kpi--val .nonsigned-noaccess::before,.Assetz-Agent .dashboard-kpi .kpi--val .signed-nousage::before { padding-right: 2px; color: #2d383c; content: "(" } .Assetz-Agent .dashboard-kpi .kpi--val .nonsigned-noaccess::after,.Assetz-Agent .dashboard-kpi .kpi--val .signed-nousage::after { padding-right: 2px; padding-left: 2px; color: #98a9b0; font-weight: 300; content: "|" } .Assetz-Agent .dashboard-kpi .kpi--val .nonsigned-accessed::after,.Assetz-Agent .dashboard-kpi .kpi--val .signed-used::after { padding-left: 2px; color: #2d383c; content: ")" } .Assetz-Agent .dashboard-kpi .kpi--val::after { content: "" } .Assetz-Agent .dashboard-kpi .kpi--label small { padding-left: 4px } .Assetz-Agent .dashboard-kpi .plan { display: flex; justify-content: space-between } .Assetz-Agent .dashboard-kpi .plan .kpi--val .kpi--val-tab { min-height: 26px } .Assetz-Agent .dashboard-kpi .plan .kpi--val .kpi--supplement { height: 14px; margin-top: -4px; padding-bottom: 2px; color: #98a9b0; font-size: 12.56px } .Assetz-Agent .dashboard-kpi .kpi--val-tab { display: inline-block; position: relative; min-height: 36px; cursor: pointer } .Assetz-Agent .dashboard-kpi .kpi--val-tab.active { color: #4284e4 } .Assetz-Agent .dashboard-kpi .kpi--val-tab.active .nonsigned-noaccess,.Assetz-Agent .dashboard-kpi .kpi--val-tab.active .signed-nousage,.Assetz-Agent .dashboard-kpi .kpi--val-tab.active .nonsigned-accessed,.Assetz-Agent .dashboard-kpi .kpi--val-tab.active .signed-used { color: #4284e4 !important } .Assetz-Agent .dashboard-kpi .kpi--val-tab.active::after,.Assetz-Agent .dashboard-kpi .kpi--val-tab.active::before { display: block } .Assetz-Agent .dashboard-kpi .kpi--val-tab::after { display: none; z-index: 10; position: absolute; bottom: -16px; left: 50%; width: 0; height: 0; margin-left: -8px; border-width: 0 8px 10px 8px; border-style: solid; border-color: transparent transparent #d0d6da transparent; content: ""; opacity: 1 } .Assetz-Agent .dashboard-kpi .kpi--val-tab::before { display: none; z-index: 11; position: absolute; bottom: -18px; left: 50%; width: 0; height: 0; margin-left: -8px; border-width: 0 8px 10px 8px; border-style: solid; border-color: transparent transparent white transparent; content: ""; opacity: 1 } .Assetz-Agent .dashboard-kpi .hover-tgt { color: #6fa1ea !important } .Assetz-Agent .dashboard-kpi .hover-tgt .nonsigned-noaccess,.Assetz-Agent .dashboard-kpi .hover-tgt .signed-nousage,.Assetz-Agent .dashboard-kpi .hover-tgt .nonsigned-accessed,.Assetz-Agent .dashboard-kpi .hover-tgt .signed-used { color: #6fa1ea !important } .Assetz-Agent .dashboard-kpi .hover-tgt.label--nonsigned-access,.Assetz-Agent .dashboard-kpi .hover-tgt.label--nonsigned-noaccess { color: #6fa1ea !important } .Assetz-Agent .dashboard-kpi--list--wrap { padding-top: 8px; border-top: 1px solid #d0d6da } .Assetz-Agent .dashboard-kpi--list { display: none } .Assetz-Agent .dashboard-kpi--list table { table-layout: fixed } .Assetz-Agent .dashboard-kpi--list td { overflow: hidden; text-overflow: ellipsis; white-space: nowrap } .Assetz-Agent .dashboard-kpi--list#kpi--list_01 th:nth-child(1),.Assetz-Agent .dashboard-kpi--list#kpi--list_01 td:nth-child(1),.Assetz-Agent .dashboard-kpi--list#kpi--list_02 th:nth-child(1),.Assetz-Agent .dashboard-kpi--list#kpi--list_02 td:nth-child(1),.Assetz-Agent .dashboard-kpi--list#kpi--list_03 th:nth-child(1),.Assetz-Agent .dashboard-kpi--list#kpi--list_03 td:nth-child(1) { width: 8.33%; max-width: 8.33% } .Assetz-Agent .dashboard-kpi--list#kpi--list_01 th:nth-child(2),.Assetz-Agent .dashboard-kpi--list#kpi--list_01 td:nth-child(2),.Assetz-Agent .dashboard-kpi--list#kpi--list_02 th:nth-child(2),.Assetz-Agent .dashboard-kpi--list#kpi--list_02 td:nth-child(2),.Assetz-Agent .dashboard-kpi--list#kpi--list_03 th:nth-child(2),.Assetz-Agent .dashboard-kpi--list#kpi--list_03 td:nth-child(2) { width: 20.83%; max-width: 20.83% } .Assetz-Agent .dashboard-kpi--list#kpi--list_01 th:nth-child(3),.Assetz-Agent .dashboard-kpi--list#kpi--list_01 td:nth-child(3),.Assetz-Agent .dashboard-kpi--list#kpi--list_02 th:nth-child(3),.Assetz-Agent .dashboard-kpi--list#kpi--list_02 td:nth-child(3),.Assetz-Agent .dashboard-kpi--list#kpi--list_03 th:nth-child(3),.Assetz-Agent .dashboard-kpi--list#kpi--list_03 td:nth-child(3) { width: 12.5%; max-width: 12.5% } .Assetz-Agent .dashboard-kpi--list#kpi--list_01 th:nth-child(4),.Assetz-Agent .dashboard-kpi--list#kpi--list_01 td:nth-child(4),.Assetz-Agent .dashboard-kpi--list#kpi--list_02 th:nth-child(4),.Assetz-Agent .dashboard-kpi--list#kpi--list_02 td:nth-child(4),.Assetz-Agent .dashboard-kpi--list#kpi--list_03 th:nth-child(4),.Assetz-Agent .dashboard-kpi--list#kpi--list_03 td:nth-child(4) { width: 16.66%; max-width: 16.66% } .Assetz-Agent .dashboard-kpi--list#kpi--list_01 th:nth-child(5),.Assetz-Agent .dashboard-kpi--list#kpi--list_01 td:nth-child(5),.Assetz-Agent .dashboard-kpi--list#kpi--list_02 th:nth-child(5),.Assetz-Agent .dashboard-kpi--list#kpi--list_02 td:nth-child(5),.Assetz-Agent .dashboard-kpi--list#kpi--list_03 th:nth-child(5),.Assetz-Agent .dashboard-kpi--list#kpi--list_03 td:nth-child(5) { width: 12.5%; max-width: 12.5% } .Assetz-Agent .dashboard-kpi--list#kpi--list_01 th:nth-child(6),.Assetz-Agent .dashboard-kpi--list#kpi--list_01 td:nth-child(6),.Assetz-Agent .dashboard-kpi--list#kpi--list_02 th:nth-child(6),.Assetz-Agent .dashboard-kpi--list#kpi--list_02 td:nth-child(6),.Assetz-Agent .dashboard-kpi--list#kpi--list_03 th:nth-child(6),.Assetz-Agent .dashboard-kpi--list#kpi--list_03 td:nth-child(6) { width: 12.5%; max-width: 12.5% } .Assetz-Agent .dashboard-kpi--list#kpi--list_01 th:nth-child(7),.Assetz-Agent .dashboard-kpi--list#kpi--list_01 td:nth-child(7),.Assetz-Agent .dashboard-kpi--list#kpi--list_02 th:nth-child(7),.Assetz-Agent .dashboard-kpi--list#kpi--list_02 td:nth-child(7),.Assetz-Agent .dashboard-kpi--list#kpi--list_03 th:nth-child(7),.Assetz-Agent .dashboard-kpi--list#kpi--list_03 td:nth-child(7) { width: 8.33%; max-width: 8.33% } .Assetz-Agent .dashboard-kpi--list#kpi--list_01 th:nth-child(8),.Assetz-Agent .dashboard-kpi--list#kpi--list_01 td:nth-child(8),.Assetz-Agent .dashboard-kpi--list#kpi--list_02 th:nth-child(8),.Assetz-Agent .dashboard-kpi--list#kpi--list_02 td:nth-child(8),.Assetz-Agent .dashboard-kpi--list#kpi--list_03 th:nth-child(8),.Assetz-Agent .dashboard-kpi--list#kpi--list_03 td:nth-child(8) { width: 8.33%; max-width: 8.33%; text-align: right } .Assetz-Agent .dashboard-kpi--list#kpi--list_04 th:nth-child(1),.Assetz-Agent .dashboard-kpi--list#kpi--list_04 td:nth-child(1),.Assetz-Agent .dashboard-kpi--list#kpi--list_05 th:nth-child(1),.Assetz-Agent .dashboard-kpi--list#kpi--list_05 td:nth-child(1),.Assetz-Agent .dashboard-kpi--list#kpi--list_06 th:nth-child(1),.Assetz-Agent .dashboard-kpi--list#kpi--list_06 td:nth-child(1),.Assetz-Agent .dashboard-kpi--list#kpi--list_07 th:nth-child(1),.Assetz-Agent .dashboard-kpi--list#kpi--list_07 td:nth-child(1),.Assetz-Agent .dashboard-kpi--list#kpi--list_08 th:nth-child(1),.Assetz-Agent .dashboard-kpi--list#kpi--list_08 td:nth-child(1),.Assetz-Agent .dashboard-kpi--list#kpi--list_09 th:nth-child(1),.Assetz-Agent .dashboard-kpi--list#kpi--list_09 td:nth-child(1),.Assetz-Agent .dashboard-kpi--list#kpi--list_10 th:nth-child(1),.Assetz-Agent .dashboard-kpi--list#kpi--list_10 td:nth-child(1) { width: 8.33%; max-width: 8.33% } .Assetz-Agent .dashboard-kpi--list#kpi--list_04 th:nth-child(2),.Assetz-Agent .dashboard-kpi--list#kpi--list_04 td:nth-child(2),.Assetz-Agent .dashboard-kpi--list#kpi--list_05 th:nth-child(2),.Assetz-Agent .dashboard-kpi--list#kpi--list_05 td:nth-child(2),.Assetz-Agent .dashboard-kpi--list#kpi--list_06 th:nth-child(2),.Assetz-Agent .dashboard-kpi--list#kpi--list_06 td:nth-child(2),.Assetz-Agent .dashboard-kpi--list#kpi--list_07 th:nth-child(2),.Assetz-Agent .dashboard-kpi--list#kpi--list_07 td:nth-child(2),.Assetz-Agent .dashboard-kpi--list#kpi--list_08 th:nth-child(2),.Assetz-Agent .dashboard-kpi--list#kpi--list_08 td:nth-child(2),.Assetz-Agent .dashboard-kpi--list#kpi--list_09 th:nth-child(2),.Assetz-Agent .dashboard-kpi--list#kpi--list_09 td:nth-child(2),.Assetz-Agent .dashboard-kpi--list#kpi--list_10 th:nth-child(2),.Assetz-Agent .dashboard-kpi--list#kpi--list_10 td:nth-child(2) { width: 16.66%; max-width: 16.66% } .Assetz-Agent .dashboard-kpi--list#kpi--list_04 th:nth-child(3),.Assetz-Agent .dashboard-kpi--list#kpi--list_04 td:nth-child(3),.Assetz-Agent .dashboard-kpi--list#kpi--list_05 th:nth-child(3),.Assetz-Agent .dashboard-kpi--list#kpi--list_05 td:nth-child(3),.Assetz-Agent .dashboard-kpi--list#kpi--list_06 th:nth-child(3),.Assetz-Agent .dashboard-kpi--list#kpi--list_06 td:nth-child(3),.Assetz-Agent .dashboard-kpi--list#kpi--list_07 th:nth-child(3),.Assetz-Agent .dashboard-kpi--list#kpi--list_07 td:nth-child(3),.Assetz-Agent .dashboard-kpi--list#kpi--list_08 th:nth-child(3),.Assetz-Agent .dashboard-kpi--list#kpi--list_08 td:nth-child(3),.Assetz-Agent .dashboard-kpi--list#kpi--list_09 th:nth-child(3),.Assetz-Agent .dashboard-kpi--list#kpi--list_09 td:nth-child(3),.Assetz-Agent .dashboard-kpi--list#kpi--list_10 th:nth-child(3),.Assetz-Agent .dashboard-kpi--list#kpi--list_10 td:nth-child(3) { width: 12.5%; max-width: 12.5% } .Assetz-Agent .dashboard-kpi--list#kpi--list_04 th:nth-child(4),.Assetz-Agent .dashboard-kpi--list#kpi--list_04 td:nth-child(4),.Assetz-Agent .dashboard-kpi--list#kpi--list_05 th:nth-child(4),.Assetz-Agent .dashboard-kpi--list#kpi--list_05 td:nth-child(4),.Assetz-Agent .dashboard-kpi--list#kpi--list_06 th:nth-child(4),.Assetz-Agent .dashboard-kpi--list#kpi--list_06 td:nth-child(4),.Assetz-Agent .dashboard-kpi--list#kpi--list_07 th:nth-child(4),.Assetz-Agent .dashboard-kpi--list#kpi--list_07 td:nth-child(4),.Assetz-Agent .dashboard-kpi--list#kpi--list_08 th:nth-child(4),.Assetz-Agent .dashboard-kpi--list#kpi--list_08 td:nth-child(4),.Assetz-Agent .dashboard-kpi--list#kpi--list_09 th:nth-child(4),.Assetz-Agent .dashboard-kpi--list#kpi--list_09 td:nth-child(4),.Assetz-Agent .dashboard-kpi--list#kpi--list_10 th:nth-child(4),.Assetz-Agent .dashboard-kpi--list#kpi--list_10 td:nth-child(4) { width: 16.66%; max-width: 16.66% } .Assetz-Agent .dashboard-kpi--list#kpi--list_04 th:nth-child(5),.Assetz-Agent .dashboard-kpi--list#kpi--list_04 td:nth-child(5),.Assetz-Agent .dashboard-kpi--list#kpi--list_05 th:nth-child(5),.Assetz-Agent .dashboard-kpi--list#kpi--list_05 td:nth-child(5),.Assetz-Agent .dashboard-kpi--list#kpi--list_06 th:nth-child(5),.Assetz-Agent .dashboard-kpi--list#kpi--list_06 td:nth-child(5),.Assetz-Agent .dashboard-kpi--list#kpi--list_07 th:nth-child(5),.Assetz-Agent .dashboard-kpi--list#kpi--list_07 td:nth-child(5),.Assetz-Agent .dashboard-kpi--list#kpi--list_08 th:nth-child(5),.Assetz-Agent .dashboard-kpi--list#kpi--list_08 td:nth-child(5),.Assetz-Agent .dashboard-kpi--list#kpi--list_09 th:nth-child(5),.Assetz-Agent .dashboard-kpi--list#kpi--list_09 td:nth-child(5),.Assetz-Agent .dashboard-kpi--list#kpi--list_10 th:nth-child(5),.Assetz-Agent .dashboard-kpi--list#kpi--list_10 td:nth-child(5) { width: 12.5%; max-width: 12.5% } .Assetz-Agent .dashboard-kpi--list#kpi--list_04 th:nth-child(6),.Assetz-Agent .dashboard-kpi--list#kpi--list_04 td:nth-child(6),.Assetz-Agent .dashboard-kpi--list#kpi--list_05 th:nth-child(6),.Assetz-Agent .dashboard-kpi--list#kpi--list_05 td:nth-child(6),.Assetz-Agent .dashboard-kpi--list#kpi--list_06 th:nth-child(6),.Assetz-Agent .dashboard-kpi--list#kpi--list_06 td:nth-child(6),.Assetz-Agent .dashboard-kpi--list#kpi--list_07 th:nth-child(6),.Assetz-Agent .dashboard-kpi--list#kpi--list_07 td:nth-child(6),.Assetz-Agent .dashboard-kpi--list#kpi--list_08 th:nth-child(6),.Assetz-Agent .dashboard-kpi--list#kpi--list_08 td:nth-child(6),.Assetz-Agent .dashboard-kpi--list#kpi--list_09 th:nth-child(6),.Assetz-Agent .dashboard-kpi--list#kpi--list_09 td:nth-child(6),.Assetz-Agent .dashboard-kpi--list#kpi--list_10 th:nth-child(6),.Assetz-Agent .dashboard-kpi--list#kpi--list_10 td:nth-child(6) { width: 12.5%; max-width: 12.5% } .Assetz-Agent .dashboard-kpi--list#kpi--list_04 th:nth-child(7),.Assetz-Agent .dashboard-kpi--list#kpi--list_04 td:nth-child(7),.Assetz-Agent .dashboard-kpi--list#kpi--list_05 th:nth-child(7),.Assetz-Agent .dashboard-kpi--list#kpi--list_05 td:nth-child(7),.Assetz-Agent .dashboard-kpi--list#kpi--list_06 th:nth-child(7),.Assetz-Agent .dashboard-kpi--list#kpi--list_06 td:nth-child(7),.Assetz-Agent .dashboard-kpi--list#kpi--list_07 th:nth-child(7),.Assetz-Agent .dashboard-kpi--list#kpi--list_07 td:nth-child(7),.Assetz-Agent .dashboard-kpi--list#kpi--list_08 th:nth-child(7),.Assetz-Agent .dashboard-kpi--list#kpi--list_08 td:nth-child(7),.Assetz-Agent .dashboard-kpi--list#kpi--list_09 th:nth-child(7),.Assetz-Agent .dashboard-kpi--list#kpi--list_09 td:nth-child(7),.Assetz-Agent .dashboard-kpi--list#kpi--list_10 th:nth-child(7),.Assetz-Agent .dashboard-kpi--list#kpi--list_10 td:nth-child(7) { width: 8.33%; max-width: 8.33% } .Assetz-Agent .dashboard-kpi--list#kpi--list_04 th:nth-child(8),.Assetz-Agent .dashboard-kpi--list#kpi--list_04 td:nth-child(8),.Assetz-Agent .dashboard-kpi--list#kpi--list_05 th:nth-child(8),.Assetz-Agent .dashboard-kpi--list#kpi--list_05 td:nth-child(8),.Assetz-Agent .dashboard-kpi--list#kpi--list_06 th:nth-child(8),.Assetz-Agent .dashboard-kpi--list#kpi--list_06 td:nth-child(8),.Assetz-Agent .dashboard-kpi--list#kpi--list_07 th:nth-child(8),.Assetz-Agent .dashboard-kpi--list#kpi--list_07 td:nth-child(8),.Assetz-Agent .dashboard-kpi--list#kpi--list_08 th:nth-child(8),.Assetz-Agent .dashboard-kpi--list#kpi--list_08 td:nth-child(8),.Assetz-Agent .dashboard-kpi--list#kpi--list_09 th:nth-child(8),.Assetz-Agent .dashboard-kpi--list#kpi--list_09 td:nth-child(8),.Assetz-Agent .dashboard-kpi--list#kpi--list_10 th:nth-child(8),.Assetz-Agent .dashboard-kpi--list#kpi--list_10 td:nth-child(8) { width: 12.5%; max-width: 12.5%; text-align: right } .Assetz-Agent .dashboard-kpi--list .noresult { padding-top: 24px; padding-bottom: 16px; color: #657a84; font-size: 0.8125em } .Assetz-Agent .dashboard-kpi--list .count-invited { text-align: right } .Assetz-Agent .dashboard-kpi--list .count-invited span { padding-left: 4px } .Assetz-Agent .dashboard-kpi--list .count-invited span::before { speak: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; position: relative; top: -1.5px; padding-right: 2px; font-family: 'ABUI-icons'; font-size: 11px; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1; text-transform: none; content: "\e308" } .Assetz-Agent .dashboard-kpi--list .count-invited span.unread { color: #f55361 } .Assetz-Agent .dashboard-kpi--list .count-invited span.unread::before { top: 0; content: "\2709" } @media (max-width: 767px) { .Assetz-Agent.login .login-icon>h4 { padding-right:0 } } #payable .payable--box { display: flex; align-items: center; padding-top: 8px } #payable .payble--label { display: block; padding-right: 16px; color: #657a84; font-size: 0.8125em; line-height: 1 } #payable .payble--amount { display: block; font-size: 2em } #payable .payble--breakdown { padding-left: 16px; font-size: 0.8125em; line-height: 1 } #payable .payble--terms { margin-left: 8px; padding-left: 8px; border-left: 1px solid #d0d6da; font-size: 0.8125em; line-height: 1 } #payable .payable-date { line-height: 1 } #payable .payable--wrapper { display: flex } .invitation { margin-bottom: 16px; padding: 24px 24px 12px; background-color: #d0e0f8 } .invitation.first .invitation-eyecatch { top: 0; flex-direction: column; align-items: center; height: auto; margin-bottom: 24px; font-size: 80px } .invitation.first .invitation-lead { display: block } .invitation.first .invitation-lead small { display: block; padding-top: 8px; padding-bottom: 4px; font-size: 14px; line-height: 1.4 } .invitation.first .invitation--box-first { display: block } .invitation.first .invitation--box .invitation-eyecatch { display: none } .invitation.first .invitation-code { padding: 0; font-size: 24.5px } .invitation.first .invitation-code .agencycode>span,.invitation.first .invitation-code .subcode>span { height: 28px; min-height: 28px } .invitation.first i { position: relative } .invitation.first>a { text-align: center } .invitation--box-first { display: none } .invitation-eyecatch { display: flex; position: relative; padding-top: 6px; color: white; font-size: 64px; line-height: 1 } .invitation-eyecatch i { display: block; position: relative; top: -4px; margin-right: 16px } .invitation-eyecatch .invitation-lead { display: none; color: #4284e4; font-size: 21px; text-align: center } .invitation-eyecatch>a:hover .invitation-code--title,.invitation-eyecatch>a:hover .invitation-code { color: #6fa1ea } @media (max-width: 991px) { .invitation-eyecatch { justify-content:center } } .invitation-code--title { display: block; margin-bottom: 6px; font-size: 14px; font-weight: bold; line-height: 1 } .invitation-code { display: flex; z-index: 1; position: relative; color: #4284e4; font-size: 21px; font-weight: 600; text-align: left; cursor: pointer } .invitation-code .agencycode,.invitation-code .subcode { display: flex; flex-direction: column; text-align: center } .invitation-code .agencycode::after,.invitation-code .subcode::after { padding-top: 4px; border-top: 1px dotted #4284e4; font-size: 9.975px; white-space: nowrap } .invitation-code .agencycode>span,.invitation-code .subcode>span { display: block; height: 24px; min-height: 24px; padding: 2px; border-radius: 2px; background-color: rgba(255,255,255,0.33) } .invitation-code .agencycode::after { content: "代理店コード" } .invitation-code .subcode { margin-left: 4px } .invitation-code .subcode::after { content: "サブコード" } #select-mystaff .dropdown-menu li[data-original-index="4"] .text::before { speak: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; padding-right: 4px; font-family: 'ABUI-icons'; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1; text-transform: none; content: "\2b" } .invirtation-link.form-group.viewonly { margin-bottom: 0 } .invirtation-link.form-group.viewonly .viewonly-text { display: flex; position: relative; align-items: center; padding: 12px 16px; border: none; background-color: #e1ebfb; color: #4284e4; cursor: pointer } .invirtation-link.form-group.viewonly .viewonly-text i { margin-left: auto } .invirtation-link.form-group.viewonly .viewonly-text:hover .invitation-code,.invirtation-link.form-group.viewonly .viewonly-text:hover span,.invirtation-link.form-group.viewonly .viewonly-text:hover i { color: #6fa1ea } .invirtation-link .invitation-code { display: inline-flex; flex-direction: row-reverse; align-items: center; padding-right: 24px; padding-left: 0 } .invirtation-link .invitation-code .agencycode { flex-direction: row-reverse; align-items: center; padding-top: 0; text-align: left } .invirtation-link .invitation-code .agencycode::after { padding-right: 4px; border-top: none } .document-item { margin-bottom: 12px; border-bottom: 1px dotted #d0d6da } .document-item a { display: flex; align-items: center; justify-content: space-between; padding: 0 12px 12px } .document-item a .document-filesize { color: #657a84; font-size: 0.875em } .document-item a .document-update { color: #657a84; font-size: 0.875em } .document-item a:hover span { color: #6fa1ea } .document-item a:hover span::after { color: #6fa1ea } .document-item span { display: block } .document-item .document-name { width: 50% } .document-item .document-filesize { width: 3em } .document-item .document-update { width: 10em } .document-item .document-update::after { color: #657a84; content: "更新" } .faq-item { margin-bottom: 12px; padding-bottom: 12px; border-bottom: 1px dotted #d0d6da } .faq-q { display: flex; justify-content: flex-start } .faq-q>span { display: block; width: 100% } .faq-q::before { speak: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; display: block; position: relative; top: 6px; width: 24px; padding-right: 8px; font-family: 'ABUI-icons'; font-style: normal; font-variant: normal; font-weight: normal; line-height: 1; text-transform: none; content: "\e111" } .faq-a { margin-top: 12px; margin-bottom: 8px; padding: 12px 16px; border-radius: 2px; background-color: #f0f5fd } .table-subcode table { table-layout: fixed } .table-subcode tbody tr td:first-child { width: 50% } .table-subcode tbody tr td:nth-child(2) { font-weight: bold } .table-subcode tbody tr td:nth-child(4) { width: 44px; text-align: right } .table-subcode tbody tr td .bootstrap-select.open .btn-input { border-color: #4284e4 } .table-subcode tbody tr td .btn-input { border-color: transparent } .table-subcode tbody tr td .btn-input:hover { border-color: #d0d6da } .table-subcode tbody tr td .btn-input:active,.table-subcode tbody tr td .btn-input.active,.table-subcode tbody tr td .btn-input:active:hover,.table-subcode tbody tr td .btn-input.active:hover,.table-subcode tbody tr td .btn-input:active:focus,.table-subcode tbody tr td .btn-input.active:focus,.table-subcode tbody tr td .btn-input:active.focus,.table-subcode tbody tr td .btn-input.active.focus { border-color: #fff } .Assetz-BackOffice.login .login-icon>h4 { display: block; padding-right: 24px } .Assetz-BackOffice h1.navbar-title>span { position: relative; top: 2px; left: 28px; font-size: 15px } .list-asset .account { cursor: pointer } .list-asset .account:hover .bill__account-id,.list-asset .account:hover .bill__acccount-name { color: #6fa1ea } .list-asset .bill__account-id { color: #98a9b0; font-size: 11px } .list-asset .bill__account-id,.list-asset .bill__acccount-name { padding-right: 12px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap } .list-asset .bill--paid .status { color: #0aaace } .list-asset .bill--waiting .status { color: #45545b } .list-asset .bill--payment-error .status { color: #dcb823 } .list-asset .bill--unpaid .status { color: #dcb823 } .list-asset .bill--suspend .status { color: #f55361 } .bill-status--wrap.status--paid .bill-status { border-color: rgba(10,170,206,0.5); color: #0aaace } .bill-status--wrap.status--paid .bill-status .bill-status-label:before { content: "支払済" } .bill-status--wrap.status--waiting .bill-status { border-color: rgba(101,122,132,0.5); color: #657a84 } .bill-status--wrap.status--waiting .bill-status .bill-status-label:before { content: "請求中" } .bill-status--wrap.status--waiting .btn--coinfirm-change-status { display: inline-block } .bill-status--wrap.status--payment-error .bill-status,.bill-status--wrap.status--unpaid .bill-status { border-color: rgba(220,184,35,0.5); color: #dcb823 } .bill-status--wrap.status--payment-error .btn--remind,.bill-status--wrap.status--unpaid .btn--remind { display: inline-block } .bill-status--wrap.status--payment-error .bill-status .bill-status-label:before { content: "決済エラー" } .bill-status--wrap.status--unpaid .bill-status .bill-status-label:before { content: "未納" } .bill-status--wrap.status--suspend .bill-status { border-color: rgba(245,83,97,0.5); color: #f55361 } .bill-status--wrap.status--suspend .bill-status .bill-status-label:before { content: "利用停止中" } .bill-status--wrap.status--suspend .btn--ultimatum { display: inline-block } .bill-status { display: flex; position: relative; flex-direction: column; align-items: flex-start; padding-left: 16px; border-left: 4px solid #657a84; border-radius: 1px; font-weight: bold; cursor: pointer } .bill-status p { margin-bottom: 0 } .bill-status p.bill-status-label { display: inline-block; margin-bottom: 4px; font-size: 1.25em } .btn--coinfirm-change-status,.btn--remind,.btn--ultimatum { display: none } #table-bill { table-layout: fixed } #table-bill tbody tr td { overflow: hidden; text-overflow: ellipsis; white-space: nowrap } #table-bill tbody tr td:first-child { text-transform: lower-case } .inline-guide--permission{ border-collapse: collapse; background-color: #657a84; border-spacing: 0; } thead .inline-guide--permission{ display: table-header-group; vertical-align: middle; border-color: inherit; } tbody .inline-guide--permission{ display: table-row-group; vertical-align: middle; border-color: inherit; } .inline-guide--permission th:first-child { width: 108px; } .inline-guide--permission th { -webkit-box-sizing: border-box; box-sizing: border-box; text-align: center; padding: 8px 0; width: 68px; font-weight: 400; font-size: 12px; color: #d0d6da; border-bottom: 2px solid #98a9b0; } .inline-guide--permission td:first-child { text-align: left; } .inline-guide--permission td { -webkit-box-sizing: border-box; box-sizing: border-box; text-align: center; padding: 8px 0; border-top: 1px solid #98a9b0; } .tooltip[x-placement^=bottom] .tooltip-arrow { border-width: 0 6px 8px 6px; border-left-color: transparent!important; border-right-color: transparent!important; border-top-color: transparent!important; top: -8px; left: calc(50% - 8px); margin-top: 0; margin-bottom: 0; }