that wraps the table */
position: relative;
z-index: 1;
/* container inner z-index's because
s can't do it */ }
.fc .fc-daygrid-day.fc-day-today {
background-color: rgba(255, 220, 40, 0.15);
background-color: rgba(255, 220, 40, 0.15);
background-color: var(--fc-today-bg-color, rgba(255, 220, 40, 0.15)); }
.fc .fc-daygrid-day-frame {
position: relative;
min-height: 100%;
/* seems to work better than `height` because sets height after rows/cells naturally do it */ }
.fc {
/* cell top */ }
.fc .fc-daygrid-day-top {
display: flex;
flex-direction: row-reverse; }
.fc .fc-day-other .fc-daygrid-day-top {
opacity: 0.3; }
.fc {
/* day number (within cell top) */ }
.fc .fc-daygrid-day-number {
position: relative;
z-index: 4;
padding: 4px; }
.fc {
/* event container */ }
.fc .fc-daygrid-day-events {
margin-top: 1px;
/* needs to be margin, not padding, so that available cell height can be computed */ }
.fc {
/* positioning for balanced vs natural */ }
.fc .fc-daygrid-body-balanced .fc-daygrid-day-events {
position: absolute;
left: 0;
right: 0; }
.fc .fc-daygrid-body-unbalanced .fc-daygrid-day-events {
position: relative;
/* for containing abs positioned event harnesses */
min-height: 2em;
/* in addition to being a min-height during natural height, equalizes the heights a little bit */ }
.fc .fc-daygrid-body-natural {
/* can coexist with -unbalanced */ }
.fc .fc-daygrid-body-natural .fc-daygrid-day-events {
margin-bottom: 1em; }
.fc {
/* event harness */ }
.fc .fc-daygrid-event-harness {
position: relative; }
.fc .fc-daygrid-event-harness-abs {
position: absolute;
top: 0;
/* fallback coords for when cannot yet be computed */
left: 0;
/* */
right: 0;
/* */ }
.fc .fc-daygrid-bg-harness {
position: absolute;
top: 0;
bottom: 0; }
.fc {
/* bg content */ }
.fc .fc-daygrid-day-bg .fc-non-business {
z-index: 1; }
.fc .fc-daygrid-day-bg .fc-bg-event {
z-index: 2; }
.fc .fc-daygrid-day-bg .fc-highlight {
z-index: 3; }
.fc {
/* events */ }
.fc .fc-daygrid-event {
z-index: 6;
margin-top: 1px; }
.fc .fc-daygrid-event.fc-event-mirror {
z-index: 7; }
.fc {
/* cell bottom (within day-events) */ }
.fc .fc-daygrid-day-bottom {
font-size: .85em;
padding: 2px 3px 0; }
.fc .fc-daygrid-day-bottom:before {
content: "";
clear: both;
display: table; }
.fc .fc-daygrid-more-link {
position: relative;
z-index: 4;
cursor: pointer; }
.fc {
/* week number (within frame) */ }
.fc .fc-daygrid-week-number {
position: absolute;
z-index: 5;
top: 0;
padding: 2px;
min-width: 1.5em;
text-align: center;
background-color: rgba(208, 208, 208, 0.3);
background-color: rgba(208, 208, 208, 0.3);
background-color: var(--fc-neutral-bg-color, rgba(208, 208, 208, 0.3));
color: #808080;
color: #808080;
color: var(--fc-neutral-text-color, #808080); }
.fc {
/* popover */ }
.fc .fc-more-popover .fc-popover-body {
min-width: 220px;
padding: 10px; }
.fc-direction-ltr .fc-daygrid-event.fc-event-start,
.fc-direction-rtl .fc-daygrid-event.fc-event-end {
margin-left: 2px; }
.fc-direction-ltr .fc-daygrid-event.fc-event-end,
.fc-direction-rtl .fc-daygrid-event.fc-event-start {
margin-right: 2px; }
.fc-direction-ltr .fc-daygrid-week-number {
left: 0;
border-radius: 0 0 3px 0; }
.fc-direction-rtl .fc-daygrid-week-number {
right: 0;
border-radius: 0 0 0 3px; }
.fc-liquid-hack .fc-daygrid-day-frame {
position: static;
/* will cause inner absolute stuff to expand to | */ }
.fc-daygrid-event {
/* make root-level, because will be dragged-and-dropped outside of a component root */
position: relative;
/* for z-indexes assigned later */
white-space: nowrap;
border-radius: 3px;
/* dot event needs this to when selected */
font-size: .85em;
font-size: 0.85em;
font-size: var(--fc-small-font-size, 0.85em); }
/* --- the rectangle ("block") style of event --- */
.fc-daygrid-block-event .fc-event-time {
font-weight: bold; }
.fc-daygrid-block-event .fc-event-time,
.fc-daygrid-block-event .fc-event-title {
padding: 1px; }
/* --- the dot style of event --- */
.fc-daygrid-dot-event {
display: flex;
align-items: center;
padding: 2px 0; }
.fc-daygrid-dot-event .fc-event-title {
flex-grow: 1;
flex-shrink: 1;
min-width: 0;
/* important for allowing to shrink all the way */
overflow: hidden;
font-weight: bold; }
.fc-daygrid-dot-event:hover,
.fc-daygrid-dot-event.fc-event-mirror {
background: rgba(0, 0, 0, 0.1); }
.fc-daygrid-dot-event.fc-event-selected:before {
/* expand hit area */
top: -10px;
bottom: -10px; }
.fc-daygrid-event-dot {
/* the actual dot */
margin: 0 4px;
box-sizing: content-box;
width: 0;
height: 0;
border: 4px solid #3788d8;
border: calc(8px / 2) solid #3788d8;
border: calc(var(--fc-daygrid-event-dot-width, 8px) / 2) solid var(--fc-event-border-color, #3788d8);
border-radius: 4px;
border-radius: calc(8px / 2);
border-radius: calc(var(--fc-daygrid-event-dot-width, 8px) / 2); }
/* --- spacing between time and title --- */
.fc-direction-ltr .fc-daygrid-event .fc-event-time {
margin-right: 3px; }
.fc-direction-rtl .fc-daygrid-event .fc-event-time {
margin-left: 3px; }
/*
A VERTICAL event
*/
.fc-v-event {
/* allowed to be top-level */
display: block;
border: 1px solid #3788d8;
border: 1px solid #3788d8;
border: 1px solid var(--fc-event-border-color, #3788d8);
background-color: #3788d8;
background-color: #3788d8;
background-color: var(--fc-event-bg-color, #3788d8); }
.fc-v-event .fc-event-main {
color: #fff;
color: #fff;
color: var(--fc-event-text-color, #fff);
height: 100%; }
.fc-v-event .fc-event-main-frame {
height: 100%;
display: flex;
flex-direction: column; }
.fc-v-event .fc-event-time {
flex-grow: 0;
flex-shrink: 0;
max-height: 100%;
overflow: hidden; }
.fc-v-event .fc-event-title-container {
/* a container for the sticky cushion */
flex-grow: 1;
flex-shrink: 1;
min-height: 0;
/* important for allowing to shrink all the way */ }
.fc-v-event .fc-event-title {
/* will have fc-sticky on it */
top: 0;
bottom: 0;
max-height: 100%;
/* clip overflow */
overflow: hidden; }
.fc-v-event:not(.fc-event-start) {
border-top-width: 0;
border-top-left-radius: 0;
border-top-right-radius: 0; }
.fc-v-event:not(.fc-event-end) {
border-bottom-width: 0;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0; }
.fc-v-event.fc-event-selected:before {
/* expand hit area */
left: -10px;
right: -10px; }
.fc-v-event {
/* resizer (mouse AND touch) */ }
.fc-v-event .fc-event-resizer-start {
cursor: n-resize; }
.fc-v-event .fc-event-resizer-end {
cursor: s-resize; }
.fc-v-event {
/* resizer for MOUSE */ }
.fc-v-event:not(.fc-event-selected) .fc-event-resizer {
height: 8px;
height: 8px;
height: var(--fc-event-resizer-thickness, 8px);
left: 0;
right: 0; }
.fc-v-event:not(.fc-event-selected) .fc-event-resizer-start {
top: -4px;
top: calc(8px / -2);
top: calc(var(--fc-event-resizer-thickness, 8px) / -2); }
.fc-v-event:not(.fc-event-selected) .fc-event-resizer-end {
bottom: -4px;
bottom: calc(8px / -2);
bottom: calc(var(--fc-event-resizer-thickness, 8px) / -2); }
.fc-v-event {
/* resizer for TOUCH (when event is "selected") */ }
.fc-v-event.fc-event-selected .fc-event-resizer {
left: 50%;
margin-left: -4px;
margin-left: calc(8px / -2);
margin-left: calc(var(--fc-event-resizer-dot-total-width, 8px) / -2); }
.fc-v-event.fc-event-selected .fc-event-resizer-start {
top: -4px;
top: calc(8px / -2);
top: calc(var(--fc-event-resizer-dot-total-width, 8px) / -2); }
.fc-v-event.fc-event-selected .fc-event-resizer-end {
bottom: -4px;
bottom: calc(8px / -2);
bottom: calc(var(--fc-event-resizer-dot-total-width, 8px) / -2); }
.fc .fc-timegrid .fc-daygrid-body {
/* the all-day daygrid within the timegrid view */
z-index: 2;
/* put above the timegrid-body so that more-popover is above everything. TODO: better solution */ }
.fc .fc-timegrid-divider {
padding: 0 0 2px;
/* browsers get confused when you set height. use padding instead */ }
.fc .fc-timegrid-body {
position: relative;
z-index: 1;
/* scope the z-indexes of slots and cols */
min-height: 100%;
/* fill height always, even when slat table doesn't grow */ }
.fc .fc-timegrid-axis-chunk {
/* for advanced ScrollGrid */
position: relative; }
.fc .fc-timegrid-axis-chunk > table {
position: relative;
z-index: 1;
/* above the now-indicator-container */ }
.fc .fc-timegrid-slots {
position: relative;
z-index: 1; }
.fc .fc-timegrid-slot {
/* a | */
height: 1.5em;
border-bottom: 0; }
.fc .fc-timegrid-slot:empty:before {
content: '\00a0';
/* make sure there's at least an empty space to create height for height syncing */ }
.fc .fc-timegrid-slot-minor {
border-top-style: dotted; }
.fc .fc-timegrid-slot-label-cushion {
display: inline-block;
white-space: nowrap; }
.fc .fc-timegrid-slot-label {
vertical-align: middle;
/* vertical align the slots */ }
.fc {
/* slots AND axis cells (top-left corner of view including the "all-day" text) */ }
.fc .fc-timegrid-axis-cushion,
.fc .fc-timegrid-slot-label-cushion {
padding: 0 4px; }
.fc {
/* axis cells (top-left corner of view including the "all-day" text) */
/* vertical align is more complicated, uses flexbox */ }
.fc .fc-timegrid-axis-frame-liquid {
height: 100%;
/* will need liquid-hack in FF */ }
.fc .fc-timegrid-axis-frame {
overflow: hidden;
display: flex;
align-items: center;
/* vertical align */
justify-content: flex-end;
/* horizontal align. matches text-align below */ }
.fc .fc-timegrid-axis-cushion {
max-width: 60px;
/* limits the width of the "all-day" text */
flex-shrink: 0;
/* allows text to expand how it normally would, regardless of constrained width */ }
.fc-direction-ltr .fc-timegrid-slot-label-frame {
text-align: right; }
.fc-direction-rtl .fc-timegrid-slot-label-frame {
text-align: left; }
.fc-liquid-hack .fc-timegrid-axis-frame-liquid {
height: auto;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0; }
.fc .fc-timegrid-col.fc-day-today {
background-color: rgba(255, 220, 40, 0.15);
background-color: rgba(255, 220, 40, 0.15);
background-color: var(--fc-today-bg-color, rgba(255, 220, 40, 0.15)); }
.fc .fc-timegrid-col-frame {
min-height: 100%;
/* liquid-hack is below */
position: relative; }
.fc-media-screen.fc-liquid-hack .fc-timegrid-col-frame {
height: auto;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0; }
.fc-media-screen .fc-timegrid-cols {
position: absolute;
/* no z-index. children will decide and go above slots */
top: 0;
left: 0;
right: 0;
bottom: 0; }
.fc-media-screen .fc-timegrid-cols > table {
height: 100%; }
.fc-media-screen .fc-timegrid-col-bg,
.fc-media-screen .fc-timegrid-col-events,
.fc-media-screen .fc-timegrid-now-indicator-container {
position: absolute;
top: 0;
left: 0;
right: 0; }
.fc {
/* bg */ }
.fc .fc-timegrid-col-bg {
z-index: 2;
/* TODO: kill */ }
.fc .fc-timegrid-col-bg .fc-non-business {
z-index: 1; }
.fc .fc-timegrid-col-bg .fc-bg-event {
z-index: 2; }
.fc .fc-timegrid-col-bg .fc-highlight {
z-index: 3; }
.fc .fc-timegrid-bg-harness {
position: absolute;
/* top/bottom will be set by JS */
left: 0;
right: 0; }
.fc {
/* fg events */
/* (the mirror segs are put into a separate container with same classname, */
/* and they must be after the normal seg container to appear at a higher z-index) */ }
.fc .fc-timegrid-col-events {
z-index: 3;
/* child event segs have z-indexes that are scoped within this div */ }
.fc {
/* now indicator */ }
.fc .fc-timegrid-now-indicator-container {
bottom: 0;
overflow: hidden;
/* don't let overflow of lines/arrows cause unnecessary scrolling */
/* z-index is set on the individual elements */ }
.fc-direction-ltr .fc-timegrid-col-events {
margin: 0 2.5% 0 2px; }
.fc-direction-rtl .fc-timegrid-col-events {
margin: 0 2px 0 2.5%; }
.fc-timegrid-event-harness {
position: absolute; }
.fc-timegrid-event-harness > .fc-timegrid-event {
position: absolute;
/* absolute WITHIN the harness */
top: 0;
/* for when not yet positioned */
bottom: 0;
/* " */
left: 0;
right: 0; }
.fc-timegrid-event-harness-inset .fc-timegrid-event,
.fc-timegrid-event.fc-event-mirror,
.fc-timegrid-more-link {
box-shadow: 0px 0px 0px 1px #fff;
box-shadow: 0px 0px 0px 1px #fff;
box-shadow: 0px 0px 0px 1px var(--fc-page-bg-color, #fff); }
.fc-timegrid-event,
.fc-timegrid-more-link {
/* events need to be root */
font-size: .85em;
font-size: 0.85em;
font-size: var(--fc-small-font-size, 0.85em);
border-radius: 3px; }
.fc-timegrid-event {
/* events need to be root */
margin-bottom: 1px; }
.fc-timegrid-event .fc-event-main {
padding: 1px 1px 0; }
.fc-timegrid-event .fc-event-time {
white-space: nowrap;
font-size: .85em;
font-size: 0.85em;
font-size: var(--fc-small-font-size, 0.85em);
margin-bottom: 1px; }
.fc-timegrid-event-short .fc-event-main-frame {
flex-direction: row;
overflow: hidden; }
.fc-timegrid-event-short .fc-event-time:after {
content: '\00a0-\00a0';
/* dash surrounded by non-breaking spaces */ }
.fc-timegrid-event-short .fc-event-title {
font-size: .85em;
font-size: 0.85em;
font-size: var(--fc-small-font-size, 0.85em); }
.fc-timegrid-more-link {
/* does NOT inherit from fc-timegrid-event */
position: absolute;
z-index: 9999;
/* hack */
color: inherit;
color: inherit;
color: var(--fc-more-link-text-color, inherit);
background: #d0d0d0;
background: #d0d0d0;
background: var(--fc-more-link-bg-color, #d0d0d0);
cursor: pointer;
margin-bottom: 1px;
/* match space below fc-timegrid-event */ }
.fc-timegrid-more-link-inner {
/* has fc-sticky */
padding: 3px 2px;
top: 0; }
.fc-direction-ltr .fc-timegrid-more-link {
right: 0; }
.fc-direction-rtl .fc-timegrid-more-link {
left: 0; }
.fc {
/* line */ }
.fc .fc-timegrid-now-indicator-line {
position: absolute;
z-index: 4;
left: 0;
right: 0;
border-style: solid;
border-color: red;
border-color: red;
border-color: var(--fc-now-indicator-color, red);
border-width: 1px 0 0; }
.fc {
/* arrow */ }
.fc .fc-timegrid-now-indicator-arrow {
position: absolute;
z-index: 4;
margin-top: -5px;
/* vertically center on top coordinate */
border-style: solid;
border-color: red;
border-color: red;
border-color: var(--fc-now-indicator-color, red); }
.fc-direction-ltr .fc-timegrid-now-indicator-arrow {
left: 0;
/* triangle pointing right. TODO: mixin */
border-width: 5px 0 5px 6px;
border-top-color: transparent;
border-bottom-color: transparent; }
.fc-direction-rtl .fc-timegrid-now-indicator-arrow {
right: 0;
/* triangle pointing left. TODO: mixin */
border-width: 5px 6px 5px 0;
border-top-color: transparent;
border-bottom-color: transparent; }
:root {
--fc-list-event-dot-width: 10px;
--fc-list-event-hover-bg-color: #f5f5f5; }
.fc-theme-standard .fc-list {
border: 1px solid #ddd;
border: 1px solid #ddd;
border: 1px solid var(--fc-border-color, #ddd); }
.fc {
/* message when no events */ }
.fc .fc-list-empty {
background-color: rgba(208, 208, 208, 0.3);
background-color: rgba(208, 208, 208, 0.3);
background-color: var(--fc-neutral-bg-color, rgba(208, 208, 208, 0.3));
height: 100%;
display: flex;
justify-content: center;
align-items: center;
/* vertically aligns fc-list-empty-inner */ }
.fc .fc-list-empty-cushion {
margin: 5em 0; }
.fc {
/* table within the scroller */
/* ---------------------------------------------------------------------------------------------------- */ }
.fc .fc-list-table {
width: 100%;
border-style: hidden;
/* kill outer border on theme */ }
.fc .fc-list-table tr > * {
border-left: 0;
border-right: 0; }
.fc .fc-list-sticky .fc-list-day > * {
/* the cells */
position: sticky;
top: 0;
background: #fff;
background: #fff;
background: var(--fc-page-bg-color, #fff);
/* for when headers are styled to be transparent and sticky */ }
.fc {
/* only exists for aria reasons, hide for non-screen-readers */ }
.fc .fc-list-table thead {
position: absolute;
left: -10000px; }
.fc {
/* the table's border-style:hidden gets confused by hidden thead. force-hide top border of first cell */ }
.fc .fc-list-table tbody > tr:first-child th {
border-top: 0; }
.fc .fc-list-table th {
padding: 0;
/* uses an inner-wrapper instead... */ }
.fc .fc-list-table td,
.fc .fc-list-day-cushion {
padding: 8px 14px; }
.fc {
/* date heading rows */
/* ---------------------------------------------------------------------------------------------------- */ }
.fc .fc-list-day-cushion:after {
content: "";
clear: both;
display: table;
/* clear floating */ }
.fc-theme-standard .fc-list-day-cushion {
background-color: rgba(208, 208, 208, 0.3);
background-color: rgba(208, 208, 208, 0.3);
background-color: var(--fc-neutral-bg-color, rgba(208, 208, 208, 0.3)); }
.fc-direction-ltr .fc-list-day-text,
.fc-direction-rtl .fc-list-day-side-text {
float: left; }
.fc-direction-ltr .fc-list-day-side-text,
.fc-direction-rtl .fc-list-day-text {
float: right; }
/* make the dot closer to the event title */
.fc-direction-ltr .fc-list-table .fc-list-event-graphic {
padding-right: 0; }
.fc-direction-rtl .fc-list-table .fc-list-event-graphic {
padding-left: 0; }
.fc .fc-list-event.fc-event-forced-url {
cursor: pointer;
/* whole row will seem clickable */ }
.fc .fc-list-event:hover td {
background-color: #f5f5f5;
background-color: #f5f5f5;
background-color: var(--fc-list-event-hover-bg-color, #f5f5f5); }
.fc {
/* shrink certain cols */ }
.fc .fc-list-event-graphic,
.fc .fc-list-event-time {
white-space: nowrap;
width: 1px; }
.fc .fc-list-event-dot {
display: inline-block;
box-sizing: content-box;
width: 0;
height: 0;
border: 5px solid #3788d8;
border: calc(10px / 2) solid #3788d8;
border: calc(var(--fc-list-event-dot-width, 10px) / 2) solid var(--fc-event-border-color, #3788d8);
border-radius: 5px;
border-radius: calc(10px / 2);
border-radius: calc(var(--fc-list-event-dot-width, 10px) / 2); }
.fc {
/* reset styling */ }
.fc .fc-list-event-title a {
color: inherit;
text-decoration: none; }
.fc {
/* underline link when hovering over any part of row */ }
.fc .fc-list-event.fc-event-forced-url:hover a {
text-decoration: underline; }
.fc-theme-bootstrap a:not([href]) {
color: inherit;
/* natural color for navlinks */ }
:root {
--tagify-dd-color-primary: rgb(53,149,246);
--tagify-dd-bg-color: white; }
.tagify {
--tags-border-color: #DDD;
--tags-hover-border-color: #CCC;
--tags-focus-border-color: #3595f6;
--tag-bg: #E5E5E5;
--tag-hover: #D3E2E2;
--tag-text-color: black;
--tag-text-color--edit: black;
--tag-pad: 0.3em 0.5em;
--tag-inset-shadow-size: 1.1em;
--tag-invalid-color: #D39494;
--tag-invalid-bg: rgba(211, 148, 148, 0.5);
--tag-remove-bg: rgba(211, 148, 148, 0.3);
--tag-remove-btn-color: black;
--tag-remove-btn-bg: none;
--tag-remove-btn-bg--hover: #c77777;
--input-color: #495057;
--tag--min-width: 1ch;
--tag--max-width: auto;
--tag-hide-transition: 0.3s;
--placeholder-color: rgba(0, 0, 0, 0.4);
--placeholder-color-focus: rgba(0, 0, 0, 0.25);
--loader-size: .8em;
display: flex;
align-items: flex-start;
flex-wrap: wrap;
border: 1px solid #DDD;
border: 1px solid var(--tags-border-color);
padding: 0;
line-height: normal;
cursor: text;
outline: none;
position: relative;
box-sizing: border-box;
transition: .1s; }
@-webkit-keyframes tags--bump {
30% {
transform: scale(1.2); } }
@keyframes tags--bump {
30% {
transform: scale(1.2); } }
@-webkit-keyframes rotateLoader {
to {
transform: rotate(1turn); } }
@keyframes rotateLoader {
to {
transform: rotate(1turn); } }
.tagify:hover {
border-color: #CCC;
border-color: var(--tags-hover-border-color); }
.tagify.tagify--focus {
transition: 0s;
border-color: #3595f6;
border-color: var(--tags-focus-border-color); }
.tagify[readonly]:not(.tagify--mix) {
cursor: default; }
.tagify[readonly]:not(.tagify--mix) > .tagify__input {
visibility: hidden;
width: 0;
margin: 5px 0; }
.tagify[readonly]:not(.tagify--mix) .tagify__tag > div {
padding: 0.3em 0.5em;
padding: var(--tag-pad); }
.tagify[readonly]:not(.tagify--mix) .tagify__tag > div::before {
background: linear-gradient(45deg, var(--tag-bg) 25%, transparent 25%, transparent 50%, var(--tag-bg) 50%, var(--tag-bg) 75%, transparent 75%, transparent) 0/5px 5px;
box-shadow: none;
filter: brightness(0.95); }
.tagify[readonly] .tagify__tag__removeBtn {
display: none; }
.tagify--loading .tagify__input::before {
content: none; }
.tagify--loading .tagify__input::after {
content: '';
vertical-align: middle;
opacity: 1;
width: .7em;
height: .7em;
width: var(--loader-size);
height: var(--loader-size);
border: 3px solid;
border-color: #EEE #BBB #888 transparent;
border-radius: 50%;
-webkit-animation: rotateLoader .4s infinite linear;
animation: rotateLoader .4s infinite linear;
margin: -2px 0 -2px .5em; }
.tagify--loading .tagify__input:empty::after {
margin-left: 0; }
.tagify + input,
.tagify + textarea {
position: absolute !important;
left: -9999em !important;
transform: scale(0) !important; }
.tagify__tag {
display: inline-flex;
align-items: center;
margin: 5px 0 5px 5px;
position: relative;
z-index: 1;
outline: none;
cursor: default;
transition: .13s ease-out; }
.tagify__tag > div {
vertical-align: top;
box-sizing: border-box;
max-width: 100%;
padding: 0.3em 0.5em;
padding: 0.3em 0.5em;
padding: var(--tag-pad, 0.3em 0.5em);
color: black;
color: black;
color: var(--tag-text-color, black);
line-height: inherit;
border-radius: 3px;
white-space: nowrap;
transition: .13s ease-out; }
.tagify__tag > div > * {
white-space: pre-wrap;
overflow: hidden;
text-overflow: ellipsis;
display: inline-block;
vertical-align: top;
min-width: 1ch;
max-width: auto;
min-width: 1ch;
min-width: var(--tag--min-width, 1ch);
max-width: auto;
max-width: var(--tag--max-width, auto);
transition: .8s ease, .1s color; }
.tagify__tag > div > *[contenteditable] {
outline: none;
-webkit-user-select: text;
-moz-user-select: text;
-ms-user-select: text;
user-select: text;
cursor: text;
margin: -2px;
padding: 2px;
max-width: 350px; }
.tagify__tag > div::before {
content: '';
position: absolute;
border-radius: inherit;
left: 0;
top: 0;
right: 0;
bottom: 0;
z-index: -1;
pointer-events: none;
transition: 120ms ease;
-webkit-animation: tags--bump .3s ease-out 1;
animation: tags--bump .3s ease-out 1;
box-shadow: 0 0 0 1.1em #E5E5E5 inset;
box-shadow: 0 0 0 1.1em #E5E5E5 inset;
box-shadow: 0 0 0 var(--tag-inset-shadow-size, 1.1em) var(--tag-bg, #E5E5E5) inset; }
.tagify__tag:hover:not([readonly]) div::before {
top: -2px;
right: -2px;
bottom: -2px;
left: -2px;
box-shadow: 0 0 0 1.1em #D3E2E2 inset;
box-shadow: 0 0 0 1.1em #D3E2E2 inset;
box-shadow: 0 0 0 var(--tag-inset-shadow-size, 1.1em) var(--tag-hover, #D3E2E2) inset; }
.tagify__tag--loading {
pointer-events: none; }
.tagify__tag--loading .tagify__tag__removeBtn {
display: none; }
.tagify__tag--loading::after {
--loader-size: .4em;
content: '';
vertical-align: middle;
opacity: 1;
width: .7em;
height: .7em;
width: var(--loader-size);
height: var(--loader-size);
border: 3px solid;
border-color: #EEE #BBB #888 transparent;
border-radius: 50%;
-webkit-animation: rotateLoader .4s infinite linear;
animation: rotateLoader .4s infinite linear;
margin: 0 .5em 0 -.1em; }
.tagify__tag--flash div::before {
-webkit-animation: none;
animation: none; }
.tagify__tag--hide {
width: 0 !important;
padding-left: 0;
padding-right: 0;
margin-left: 0;
margin-right: 0;
opacity: 0;
transform: scale(0);
transition: 0.3s;
transition: 0.3s;
transition: var(--tag-hide-transition, 0.3s);
pointer-events: none; }
.tagify__tag--hide > div > * {
white-space: nowrap; }
.tagify__tag.tagify--noAnim > div::before {
-webkit-animation: none;
animation: none; }
.tagify__tag.tagify--notAllowed:not(.tagify__tag--editable) div > span {
opacity: .5; }
.tagify__tag.tagify--notAllowed:not(.tagify__tag--editable) div::before {
box-shadow: 0 0 0 1.1em rgba(211, 148, 148, 0.5) inset !important;
box-shadow: 0 0 0 1.1em rgba(211, 148, 148, 0.5) inset !important;
box-shadow: 0 0 0 var(--tag-inset-shadow-size, 1.1em) var(--tag-invalid-bg, rgba(211, 148, 148, 0.5)) inset !important;
transition: .2s; }
.tagify__tag[readonly] .tagify__tag__removeBtn {
display: none; }
.tagify__tag[readonly] > div::before {
background: linear-gradient(45deg, var(--tag-bg) 25%, transparent 25%, transparent 50%, var(--tag-bg) 50%, var(--tag-bg) 75%, transparent 75%, transparent) 0/5px 5px;
box-shadow: none;
filter: brightness(0.95); }
.tagify__tag--editable > div {
color: black;
color: black;
color: var(--tag-text-color--edit, black); }
.tagify__tag--editable > div::before {
box-shadow: 0 0 0 2px #D3E2E2 inset !important;
box-shadow: 0 0 0 2px #D3E2E2 inset !important;
box-shadow: 0 0 0 2px var(--tag-hover, #D3E2E2) inset !important; }
.tagify__tag--editable > .tagify__tag__removeBtn {
pointer-events: none; }
.tagify__tag--editable > .tagify__tag__removeBtn::after {
opacity: 0;
transform: translateX(100%) translateX(5px); }
.tagify__tag--editable.tagify--invalid > div::before {
box-shadow: 0 0 0 2px #D39494 inset !important;
box-shadow: 0 0 0 2px #D39494 inset !important;
box-shadow: 0 0 0 2px var(--tag-invalid-color, #D39494) inset !important; }
.tagify__tag__removeBtn {
order: 5;
display: inline-flex;
align-items: center;
justify-content: center;
border-radius: 50px;
cursor: pointer;
font: 14px/1 Arial;
background: none;
background: none;
background: var(--tag-remove-btn-bg, none);
color: black;
color: black;
color: var(--tag-remove-btn-color, black);
width: 14px;
height: 14px;
margin-right: 4.66667px;
margin-left: auto;
overflow: hidden;
transition: .2s ease-out; }
.tagify__tag__removeBtn::after {
content: "\00D7";
transition: .3s, color 0s; }
.tagify__tag__removeBtn:hover {
color: white;
background: #c77777;
background: #c77777;
background: var(--tag-remove-btn-bg--hover, #c77777); }
.tagify__tag__removeBtn:hover + div > span {
opacity: .5; }
.tagify__tag__removeBtn:hover + div::before {
box-shadow: 0 0 0 1.1em rgba(211, 148, 148, 0.3) inset !important;
box-shadow: 0 0 0 1.1em rgba(211, 148, 148, 0.3) inset !important;
box-shadow: 0 0 0 var(--tag-inset-shadow-size, 1.1em) var(--tag-remove-bg, rgba(211, 148, 148, 0.3)) inset !important;
transition: box-shadow .2s; }
.tagify:not(.tagify--mix) .tagify__input br {
display: none; }
.tagify:not(.tagify--mix) .tagify__input * {
display: inline;
white-space: nowrap; }
.tagify__input {
flex-grow: 1;
display: inline-block;
min-width: 110px;
margin: 5px;
padding: 0.3em 0.5em;
padding: 0.3em 0.5em;
padding: var(--tag-pad, 0.3em 0.5em);
line-height: inherit;
position: relative;
white-space: pre-wrap;
color: #495057;
color: #495057;
color: var(--input-color, #495057);
box-sizing: inherit;
/* Seems firefox newer versions don't need this any more
@supports ( -moz-appearance:none ){
&::before{
line-height: inherit;
position:relative;
}
}
*/
/*
in "mix mode" the tags are inside the "input" element
*/ }
@-moz-document url-prefix() {}
.tagify__input:empty::before {
transition: .2s ease-out;
opacity: 1;
transform: none;
display: inline-block;
width: auto; }
.tagify--mix .tagify__input:empty::before {
display: inline-block; }
.tagify__input:focus {
outline: none; }
.tagify__input:focus::before {
transition: .2s ease-out;
opacity: 0;
transform: translatex(6px);
/* ALL MS BROWSERS: hide placeholder (on focus) otherwise the caret is places after it, which is weird */
/* IE10+ CSS styles go here */
/* IE Edge 12+ CSS styles go here */ }
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
.tagify__input:focus::before {
display: none; } }
@supports (-ms-ime-align: auto) {
.tagify__input:focus::before {
display: none; } }
.tagify__input:focus:empty::before {
transition: .2s ease-out;
opacity: 1;
transform: none;
color: rgba(0, 0, 0, 0.25);
color: var(--placeholder-color-focus); }
@-moz-document url-prefix() {
.tagify__input:focus:empty::after {
display: none; } }
.tagify__input::before {
content: attr(data-placeholder);
height: 1em;
line-height: 1em;
margin: auto 0;
z-index: 1;
color: rgba(0, 0, 0, 0.4);
color: var(--placeholder-color);
white-space: nowrap;
pointer-events: none;
opacity: 0;
position: absolute; }
.tagify--mix .tagify__input::before {
display: none;
position: static;
line-height: inherit; }
.tagify__input::after {
content: attr(data-suggest);
display: inline-block;
white-space: pre;
/* allows spaces at the beginning */
color: black;
opacity: .3;
pointer-events: none;
max-width: 100px; }
.tagify__input .tagify__tag {
margin: 0; }
.tagify__input .tagify__tag > div {
padding-top: 0;
padding-bottom: 0; }
.tagify--mix {
display: block; }
.tagify--mix .tagify__input {
padding: 5px;
margin: 0;
width: 100%;
height: 100%;
line-height: 1.5;
display: block; }
.tagify--mix .tagify__input::before {
height: auto; }
.tagify--mix .tagify__input::after {
content: none; }
.tagify--select::after {
content: '>';
opacity: .5;
position: absolute;
top: 50%;
right: 0;
bottom: 0;
font: 16px monospace;
line-height: 8px;
height: 8px;
pointer-events: none;
transform: translate(-150%, -50%) scaleX(1.2) rotate(90deg);
transition: .2s ease-in-out; }
.tagify--select[aria-expanded=true]::after {
transform: translate(-150%, -50%) rotate(270deg) scaleY(1.2); }
.tagify--select .tagify__tag {
position: absolute;
top: 0;
right: 1.8em;
bottom: 0; }
.tagify--select .tagify__tag div {
display: none; }
.tagify--select .tagify__input {
width: 100%; }
.tagify--invalid {
--tags-border-color: #D39494; }
.tagify__dropdown {
position: absolute;
z-index: 9999;
transform: translateY(1px);
overflow: hidden; }
.tagify__dropdown[placement="top"] {
margin-top: 0;
transform: translateY(-100%); }
.tagify__dropdown[placement="top"] .tagify__dropdown__wrapper {
border-top-width: 1px;
border-bottom-width: 0; }
.tagify__dropdown[position="text"] {
box-shadow: 0 0 0 3px rgba(rgb(53,149,246), 0.1);
box-shadow: 0 0 0 3px rgba(var(--tagify-dd-color-primary), 0.1);
font-size: .9em; }
.tagify__dropdown[position="text"] .tagify__dropdown__wrapper {
border-width: 1px; }
.tagify__dropdown__wrapper {
max-height: 300px;
overflow: hidden;
background: white;
background: white;
background: var(--tagify-dd-bg-color);
border: 1px solid #3595f6;
border-color: rgb(53,149,246);
border-color: var(--tagify-dd-color-primary);
border-width: 1.1px;
border-top-width: 0;
box-shadow: 0 2px 4px -2px rgba(0, 0, 0, 0.2);
transition: 0.25s cubic-bezier(0, 1, 0.5, 1); }
.tagify__dropdown__wrapper:hover {
overflow: auto; }
.tagify__dropdown--initial .tagify__dropdown__wrapper {
max-height: 20px;
transform: translateY(-1em); }
.tagify__dropdown--initial[placement="top"] .tagify__dropdown__wrapper {
transform: translateY(2em); }
.tagify__dropdown__item {
box-sizing: inherit;
padding: 0.3em 0.5em;
margin: 1px;
cursor: pointer;
border-radius: 2px;
position: relative;
outline: none; }
.tagify__dropdown__item--active {
background: #3595f6;
background: rgb(53,149,246);
background: var(--tagify-dd-color-primary);
color: white; }
.tagify__dropdown__item:active {
filter: brightness(105%); }
.dragsort--noAnim, .dragsort--noAnim ~ [draggable] {
transition: 0s !important; }
.dragsort--dragStart .dragsort--dragElem {
opacity: 0; }
.dragsort--dragStart .dragsort--hide {
width: 0 !important;
height: 0 !important; }
.dragsort--dragStart > * {
transition: 0.18s cubic-bezier(0.6, 0.1, 0.4, 1.2); }
.dragsort--dragStart > * > * {
pointer-events: none; }
#item-suppl-appl-alert {
position: fixed;
width: 600px;
max-width: 85vw;
bottom: 15px;
left: 50%;
transform: translate(-50%, 0%);
z-index: 2; }
label.label-for-grid, label.label-for-grid-small, label.label-for-list {
color: #757575; }
div.list-header {
font-size: 12px; }
div.list-header .item-no {
padding: 5px 5px 5px 5px;
width: 3rem;
min-width: 3rem;
max-width: 3rem; }
div.list-header .item-maker-name {
padding: 5px 5px 5px 5px;
width: 8rem;
min-width: 8rem;
max-width: 8rem; }
div.list-header .item-name {
padding: 5px 5px 5px 5px;
flex-grow: 1; }
div.list-header .item-model-number {
padding: 5px 5px 5px 5px;
width: 8rem;
min-width: 8rem;
max-width: 8rem; }
div.list-header .item-product-code {
padding: 5px 5px 5px 5px;
width: 8rem;
min-width: 8rem;
max-width: 8rem; }
div.list-header .item-spec {
padding: 5px 5px 5px 5px;
width: 8rem;
min-width: 8rem;
max-width: 8rem; }
div.list-header .item-use-unit {
padding: 5px 5px 5px 5px;
width: 8rem;
min-width: 8rem;
max-width: 8rem; }
div.list-header .item-category-name {
padding: 5px 5px 5px 5px;
width: 6rem;
min-width: 6rem;
max-width: 6rem; }
div.list-header .item-patient-required {
padding: 5px 5px 5px 5px;
width: 6rem;
min-width: 6rem;
max-width: 6rem; }
.grid-or-list {
cursor: pointer; }
.grid-or-list .item-no {
text-overflow: ellipsis;
overflow-x: hidden;
white-space: nowrap; }
.grid-or-list .item-maker-name {
text-overflow: ellipsis;
overflow-x: hidden;
white-space: nowrap; }
.grid-or-list .item-name {
text-overflow: ellipsis;
overflow-x: hidden;
white-space: nowrap; }
.grid-or-list .item-model-number {
text-overflow: ellipsis;
overflow-x: hidden;
white-space: nowrap; }
.grid-or-list .item-product-code {
text-overflow: ellipsis;
overflow-x: hidden;
white-space: nowrap; }
.grid-or-list .item-spec {
text-overflow: ellipsis;
overflow-x: hidden;
white-space: nowrap; }
.grid-or-list .item-use-unit {
text-overflow: ellipsis;
overflow-x: hidden;
white-space: nowrap; }
.grid-or-list .item-regular-price {
text-overflow: ellipsis;
overflow-x: hidden;
white-space: nowrap; }
.grid-or-list .item-redemption-price {
text-overflow: ellipsis;
overflow-x: hidden;
white-space: nowrap; }
.grid-or-list .item-category-name {
text-overflow: ellipsis;
overflow-x: hidden;
white-space: nowrap; }
.grid-or-list .item-display-status {
text-overflow: ellipsis;
overflow-x: hidden;
white-space: nowrap; }
.grid-or-list .item-spd-status {
text-overflow: ellipsis;
overflow-x: hidden;
white-space: nowrap; }
.grid-or-list .item-patient-required {
text-overflow: ellipsis;
overflow-x: hidden;
white-space: nowrap; }
.grid-or-list .item-last-date {
text-overflow: ellipsis;
overflow-x: hidden;
white-space: nowrap; }
#grid:checked ~ div.label-field label.label-for-grid {
color: blue; }
#grid:checked ~ div.list-header {
display: none; }
#grid:checked ~ div.d-flex .grid-or-list {
display: block;
padding: 5px 5px 5px 5px;
line-height: 1rem;
width: 290px; }
#grid:checked ~ div.d-flex .grid-or-list .item-image-holder {
display: block;
position: relative;
width: 280px;
height: 280px; }
#grid:checked ~ div.d-flex .grid-or-list .item-image-holder .item-image {
display: inline;
width: 280px;
height: 280px;
-o-object-fit: cover;
object-fit: cover; }
#grid:checked ~ div.d-flex .grid-or-list .item-image-holder .grid-favorite-star {
position: absolute;
top: 5px;
right: 5px;
font-size: 28px; }
#grid:checked ~ div.d-flex .grid-or-list .item-image-holder .grid-check-div {
position: absolute;
top: 0px;
right: 10px;
font-size: 12px; }
#grid:checked ~ div.d-flex .grid-or-list .item-image-holder .grid-check-div .form-check-label {
padding-left: 0px; }
#grid:checked ~ div.d-flex .grid-or-list span.item-list-label {
color: #666;
padding-right: 0.5rem; }
#grid:checked ~ div.d-flex .grid-or-list .item-no {
display: none;
max-width: 280px; }
#grid:checked ~ div.d-flex .grid-or-list .item-maker-name {
display: block;
max-width: 280px; }
#grid:checked ~ div.d-flex .grid-or-list .item-name {
display: block;
max-width: 280px; }
#grid:checked ~ div.d-flex .grid-or-list .item-model-number {
display: block;
max-width: 280px; }
#grid:checked ~ div.d-flex .grid-or-list .item-product-code {
display: block;
max-width: 280px; }
#grid:checked ~ div.d-flex .grid-or-list .item-spec {
display: block;
max-width: 280px; }
#grid:checked ~ div.d-flex .grid-or-list .item-use-unit {
display: block;
max-width: 280px; }
#grid:checked ~ div.d-flex .grid-or-list .item-regular-price {
display: block;
max-width: 280px; }
#grid:checked ~ div.d-flex .grid-or-list .item-redemption-price {
display: block;
max-width: 280px; }
#grid:checked ~ div.d-flex .grid-or-list .item-category-name {
display: none;
max-width: 280px; }
#grid:checked ~ div.d-flex .grid-or-list .item-display-status {
display: none;
max-width: 280px; }
#grid:checked ~ div.d-flex .grid-or-list .item-spd-status {
display: block;
max-width: 280px; }
#grid:checked ~ div.d-flex .grid-or-list .item-patient-required {
display: none;
max-width: 280px; }
#grid:checked ~ div.d-flex .grid-or-list .item-last-date {
display: block;
max-width: 280px; }
#grid:checked ~ div.d-flex .grid-or-list .item-name {
line-height: 20px;
height: 40px;
max-height: 40px;
overflow: hidden;
white-space: normal;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical; }
#grid:checked ~ div.d-flex .grid-or-list .item-regular-price {
display: inline-block;
margin-bottom: -2px;
width: 40%; }
#grid:checked ~ div.d-flex .grid-or-list .item-redemption-price {
display: inline-block;
margin-bottom: -2px; }
#grid:checked ~ div.d-flex .grid-or-list-dummy {
display: block;
width: 290px;
min-width: 290px;
max-width: 290px;
min-height: 1px;
max-height: 1px; }
#grid-small:checked ~ div.label-field label.label-for-grid-small {
color: blue; }
#grid-small:checked ~ div.list-header {
display: none; }
#grid-small:checked ~ div.d-flex .grid-or-list {
display: block;
padding: 3px 3px 3px 3px;
width: 166px; }
#grid-small:checked ~ div.d-flex .grid-or-list .item-image-holder {
display: block;
position: relative;
width: 160px;
height: 160px; }
#grid-small:checked ~ div.d-flex .grid-or-list .item-image-holder .item-image {
display: inline;
width: 160px;
height: 160px;
-o-object-fit: cover;
object-fit: cover; }
#grid-small:checked ~ div.d-flex .grid-or-list .item-image-holder .grid-favorite-star {
position: absolute;
top: 2px;
right: 5px;
font-size: 20px; }
#grid-small:checked ~ div.d-flex .grid-or-list .item-image-holder .grid-check-div {
position: absolute;
top: 0px;
right: 10px;
font-size: 12px; }
#grid-small:checked ~ div.d-flex .grid-or-list .item-image-holder .grid-check-div .form-check-label {
padding-left: 0px; }
#grid-small:checked ~ div.d-flex .grid-or-list span.item-list-label {
display: none; }
#grid-small:checked ~ div.d-flex .grid-or-list .item-no {
display: none;
max-width: 160px; }
#grid-small:checked ~ div.d-flex .grid-or-list .item-maker-name {
display: block;
max-width: 160px; }
#grid-small:checked ~ div.d-flex .grid-or-list .item-name {
display: block;
max-width: 160px; }
#grid-small:checked ~ div.d-flex .grid-or-list .item-model-number {
display: none;
max-width: 160px; }
#grid-small:checked ~ div.d-flex .grid-or-list .item-product-code {
display: none;
max-width: 160px; }
#grid-small:checked ~ div.d-flex .grid-or-list .item-spec {
display: none;
max-width: 160px; }
#grid-small:checked ~ div.d-flex .grid-or-list .item-use-unit {
display: none;
max-width: 160px; }
#grid-small:checked ~ div.d-flex .grid-or-list .item-regular-price {
display: none;
max-width: 160px; }
#grid-small:checked ~ div.d-flex .grid-or-list .item-redemption-price {
display: none;
max-width: 160px; }
#grid-small:checked ~ div.d-flex .grid-or-list .item-category-name {
display: none;
max-width: 160px; }
#grid-small:checked ~ div.d-flex .grid-or-list .item-display-status {
display: none;
max-width: 160px; }
#grid-small:checked ~ div.d-flex .grid-or-list .item-spd-status {
display: block;
max-width: 160px; }
#grid-small:checked ~ div.d-flex .grid-or-list .item-patient-required {
display: none;
max-width: 160px; }
#grid-small:checked ~ div.d-flex .grid-or-list .item-last-date {
display: none;
max-width: 160px; }
#grid-small:checked ~ div.d-flex .grid-or-list .item-name {
line-height: 20px;
height: 40px;
max-height: 40px;
overflow: hidden;
white-space: normal;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical; }
#grid-small:checked ~ div.d-flex .grid-or-list-dummy {
display: block;
width: 166px;
min-width: 166px;
max-width: 166px;
min-height: 1px;
max-height: 1px; }
#list:checked ~ div.label-field label.label-for-list {
color: blue; }
#list:checked ~ div.list-header {
display: flex;
position: sticky;
top: 0;
z-index: 2;
background-color: white;
width: 100%;
border-bottom: solid 1px #ddd; }
@media only screen and (max-width: 1024px) {
#list:checked ~ div.list-header {
display: none; } }
#list:checked ~ div.d-flex .grid-or-list {
display: flex;
width: 100%;
border-bottom: solid 1px #ddd;
font-size: 12px; }
@media only screen and (max-width: 1024px) {
#list:checked ~ div.d-flex .grid-or-list {
flex-wrap: wrap; } }
#list:checked ~ div.d-flex .grid-or-list:hover {
background-color: #f5f5f5; }
#list:checked ~ div.d-flex .grid-or-list .item-image-holder {
display: none; }
#list:checked ~ div.d-flex .grid-or-list .item-image-holder .item-image {
display: none; }
#list:checked ~ div.d-flex .grid-or-list span.item-list-label {
display: none; }
#list:checked ~ div.d-flex .grid-or-list .item-no {
display: block;
padding: 2.5px 5px 2.5px 5px; }
#list:checked ~ div.d-flex .grid-or-list .item-maker-name {
display: block;
padding: 2.5px 5px 2.5px 5px; }
#list:checked ~ div.d-flex .grid-or-list .item-name {
display: block;
padding: 2.5px 5px 2.5px 5px; }
#list:checked ~ div.d-flex .grid-or-list .item-model-number {
display: block;
padding: 2.5px 5px 2.5px 5px; }
#list:checked ~ div.d-flex .grid-or-list .item-product-code {
display: block;
padding: 2.5px 5px 2.5px 5px; }
#list:checked ~ div.d-flex .grid-or-list .item-spec {
display: block;
padding: 2.5px 5px 2.5px 5px; }
#list:checked ~ div.d-flex .grid-or-list .item-use-unit {
display: block;
padding: 2.5px 5px 2.5px 5px; }
#list:checked ~ div.d-flex .grid-or-list .item-regular-price {
display: none;
padding: 2.5px 5px 2.5px 5px; }
#list:checked ~ div.d-flex .grid-or-list .item-redemption-price {
display: none;
padding: 2.5px 5px 2.5px 5px; }
#list:checked ~ div.d-flex .grid-or-list .item-category-name {
display: none;
padding: 2.5px 5px 2.5px 5px; }
#list:checked ~ div.d-flex .grid-or-list .item-display-status {
display: none;
padding: 2.5px 5px 2.5px 5px; }
#list:checked ~ div.d-flex .grid-or-list .item-spd-status {
display: none;
padding: 2.5px 5px 2.5px 5px; }
#list:checked ~ div.d-flex .grid-or-list .item-patient-required {
display: block;
padding: 2.5px 5px 2.5px 5px; }
#list:checked ~ div.d-flex .grid-or-list .item-last-date {
display: none;
padding: 2.5px 5px 2.5px 5px; }
#list:checked ~ div.d-flex .grid-or-list .item-no {
padding: 2.5px 10px 2.5px 5px;
text-align: right;
width: 3rem;
min-width: 3rem;
max-width: 3rem;
position: relative; }
@media only screen and (max-width: 1024px) {
#list:checked ~ div.d-flex .grid-or-list .item-no {
text-align: left;
width: 8%;
min-width: 8%;
max-width: 8%; } }
#list:checked ~ div.d-flex .grid-or-list .item-no span {
position: absolute;
z-index: 1;
top: 2.5px;
right: 10px; }
@media only screen and (max-width: 1024px) {
#list:checked ~ div.d-flex .grid-or-list .item-no span {
position: static; } }
#list:checked ~ div.d-flex .grid-or-list .item-no .grid-favorite-star {
position: absolute;
top: 2px;
left: 2px;
font-size: 14px; }
#list:checked ~ div.d-flex .grid-or-list .item-maker-name {
width: 8rem;
min-width: 8rem;
max-width: 8rem; }
#list:checked ~ div.d-flex .grid-or-list .item-name {
flex-grow: 1; }
@media only screen and (max-width: 1024px) {
#list:checked ~ div.d-flex .grid-or-list .item-name {
width: 42%;
min-width: 42%;
max-width: 42%; } }
#list:checked ~ div.d-flex .grid-or-list .item-model-number {
width: 8rem;
min-width: 8rem;
max-width: 8rem; }
#list:checked ~ div.d-flex .grid-or-list .item-product-code {
width: 8rem;
min-width: 8rem;
max-width: 8rem; }
#list:checked ~ div.d-flex .grid-or-list .item-spec {
width: 8rem;
min-width: 8rem;
max-width: 8rem; }
#list:checked ~ div.d-flex .grid-or-list .item-use-unit {
padding: 2.5px 16px 2.5px 0px;
width: 8rem;
min-width: 8rem;
max-width: 8rem;
text-align: right; }
#list:checked ~ div.d-flex .grid-or-list .item-category-name {
width: 6rem;
min-width: 6rem;
max-width: 6rem; }
#list:checked ~ div.d-flex .grid-or-list .item-patient-required {
width: 6rem;
min-width: 6rem;
max-width: 6rem; }
@media only screen and (max-width: 1024px) {
#list:checked ~ div.d-flex .grid-or-list .item-maker-name,
#list:checked ~ div.d-flex .grid-or-list .item-model-number,
#list:checked ~ div.d-flex .grid-or-list .item-product-code,
#list:checked ~ div.d-flex .grid-or-list .item-spec,
#list:checked ~ div.d-flex .grid-or-list .item-use-unit,
#list:checked ~ div.d-flex .grid-or-list .item-patient-required {
width: 25%;
min-width: 25%;
max-width: 25%; } }
@media only screen and (max-width: 1024px) {
#list:checked ~ div.d-flex .grid-or-list [class^=item-]::before {
content: attr(data-content-label);
color: #727272; } }
#list:checked ~ div.d-flex .grid-or-list-dummy {
display: none; }
div.item-for-modal img.item-image {
width: 340px;
height: 340px;
-o-object-fit: cover;
object-fit: cover;
border: solid 1px silver;
background-color: #eeeeee; }
@media only screen and (max-width: 1199px) {
div.item-for-modal img.item-image {
width: 230px;
height: 230px; } }
div.item-for-modal ol.carousel-indicators {
display: flex;
flex-wrap: wrap;
position: absolute;
margin-left: 10px;
margin-right: 10px;
top: 350px; }
div.item-for-modal ol.carousel-indicators li {
text-indent: 0;
height: 30px;
cursor: pointer; }
div.item-for-modal ol.carousel-indicators li div {
min-width: 30px;
height: 30px;
line-height: 30px;
font-size: 12px;
color: #999999;
text-align: center;
border-radius: 30px; }
div.item-for-modal ol.carousel-indicators li::before {
content: none; }
div.item-for-modal ol.carousel-indicators li::after {
content: none; }
div.item-for-modal ol.carousel-indicators li.active div {
background-color: #003f69;
border-color: #003f69;
color: white; }
div.breadcrumbs a {
color: blue; }
#item-search .dropdown-header {
display: none; }
#item-search .dropdown-menu li a {
padding: 0.5rem; }
.read-notice {
background-color: #eee; }
.unread-notice {
font-weight: 900; }
#dropdown-notice {
width: 400px; }
#dropdown-notice .notice-msg {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis; }
@font-face {
font-family: 'Font Awesome 6 Pro';
font-style: normal;
font-weight: 100;
font-display: block;
src: url(/packs/media/vendor/fontawesome-pro-6.0.0-beta1/webfonts/fa-thin-100-dec0e9241f08da836be24c5223fcfc51.woff2) format("woff2"), url(/packs/media/vendor/fontawesome-pro-6.0.0-beta1/webfonts/fa-thin-100-59307b2d50d5bb11ace934961bf7e594.woff) format("woff"), url(/packs/media/vendor/fontawesome-pro-6.0.0-beta1/webfonts/fa-thin-100-b85420a3a085f0228b918f1d9c54bb8d.ttf) format("truetype"); }
@font-face {
font-family: 'Font Awesome 6 Pro';
font-style: normal;
font-weight: 900;
font-display: block;
src: url(/packs/media/vendor/fontawesome-pro-6.0.0-beta1/webfonts/fa-solid-900-6d959f9e6226ccfcd4ec1031d8b677e5.woff2) format("woff2"), url(/packs/media/vendor/fontawesome-pro-6.0.0-beta1/webfonts/fa-solid-900-f3afefa1c1f4f15b6244a98a050cebdd.woff) format("woff"), url(/packs/media/vendor/fontawesome-pro-6.0.0-beta1/webfonts/fa-solid-900-0c8bd28f61e1a4423e81ea1d94e10574.ttf) format("truetype"); }
@font-face {
font-family: 'Font Awesome 6 Duotone';
font-style: normal;
font-weight: 900;
font-display: block;
src: url(/packs/media/vendor/fontawesome-pro-6.0.0-beta1/webfonts/fa-duotone-900-53fef0a7fb9f1a1aa34bfe6a2d93caa6.woff2) format("woff2"), url(/packs/media/vendor/fontawesome-pro-6.0.0-beta1/webfonts/fa-duotone-900-7717b506c56df08f9991fd950793314b.woff) format("woff"), url(/packs/media/vendor/fontawesome-pro-6.0.0-beta1/webfonts/fa-duotone-900-9b47210656cf466917fed9584e3add12.ttf) format("truetype"); }
@font-face {
font-family: 'Font Awesome 6 Brands';
font-style: normal;
font-weight: 400;
font-display: block;
src: url(/packs/media/vendor/fontawesome-pro-6.0.0-beta1/webfonts/fa-brands-400-aefc0d09efb716401b58250352fb17f7.woff2) format("woff2"), url(/packs/media/vendor/fontawesome-pro-6.0.0-beta1/webfonts/fa-brands-400-5c5e40dff2f6491dbfdfceb034bb624f.woff) format("woff"), url(/packs/media/vendor/fontawesome-pro-6.0.0-beta1/webfonts/fa-brands-400-57d0a830ac21894c14694310a42410f9.ttf) format("truetype"); }
@font-face {
font-family: 'Font Awesome 6 Pro';
font-style: normal;
font-weight: 300;
font-display: block;
src: url(/packs/media/vendor/fontawesome-pro-6.0.0-beta1/webfonts/fa-light-300-71e1b549cb3827b5979c2cf98044bb84.woff2) format("woff2"), url(/packs/media/vendor/fontawesome-pro-6.0.0-beta1/webfonts/fa-light-300-d325ae7b035dc4eb780693240b2de38c.woff) format("woff"), url(/packs/media/vendor/fontawesome-pro-6.0.0-beta1/webfonts/fa-light-300-a768b71b5fafb299319ed90c21abdeba.ttf) format("truetype"); }
@font-face {
font-family: 'Font Awesome 6 Pro';
font-style: normal;
font-weight: 400;
font-display: block;
src: url(/packs/media/vendor/fontawesome-pro-6.0.0-beta1/webfonts/fa-regular-400-c4250c23c05348b7156be82eeda38d3d.woff2) format("woff2"), url(/packs/media/vendor/fontawesome-pro-6.0.0-beta1/webfonts/fa-regular-400-be49679275f1e83e1e131fd7539e101f.woff) format("woff"), url(/packs/media/vendor/fontawesome-pro-6.0.0-beta1/webfonts/fa-regular-400-b5dcb2d304c8eed32f7d52575008f669.ttf) format("truetype"); }
@media only screen and (max-width: 991px) {
.navbar-background {
background-color: #3366cc !important; }
.navbar-background .logo-background {
color: white; }
.navbar-background .navbar-toggler .icon-bar {
background-color: #fff !important; }
.mobile-d-none {
display: none !important; }
.mobile-d-inline {
display: inline !important; }
.mobile-icon {
font-size: 20px !important; }
.mobile-dept {
position: absolute !important;
top: 120px;
left: 40px;
z-index: 5; }
.mobile-dept .mobile-dept-color {
background-color: #282828 !important; }
.mobile-dept a {
width: 10rem; }
.mobile-datatables-filter {
padding-left: 12px;
margin-top: 10px; }
.mobile-datatables-filter::-moz-placeholder {
color: #999; }
.mobile-datatables-filter:-ms-input-placeholder {
color: #999; }
.mobile-datatables-filter::placeholder {
color: #999; }
.mobile-text-danger {
color: #f44336; }
.mobile-btn-block {
display: block;
width: 100%; } }
@media only screen and (min-width: 992px) {
.navbar-background {
background-color: #eee !important; }
.pc-d-none {
display: none !important; } }
@media (max-width: 1199px) {
.modal-lg-expansion {
max-width: 750px; } }
.mobile-hidden {
visibility: visible; }
@media (max-width: 768px) {
.mobile-hidden {
visibility: hidden; } }
.FlexTextarea {
position: relative; }
.FlexTextarea__dummy {
overflow: hidden;
visibility: hidden;
white-space: pre-wrap;
word-wrap: break-word;
overflow-wrap: break-word;
line-height: 1.42857 !important; }
.FlexTextarea__textarea {
position: absolute;
top: 0;
left: 0;
display: block;
overflow: hidden;
box-sizing: border-box;
width: 100% !important;
height: 100% !important;
letter-spacing: inherit;
resize: none; }
/**
* Swiper 7.0.6
* Most modern mobile touch slider and framework with hardware accelerated transitions
* https://swiperjs.com
*
* Copyright 2014-2021 Vladimir Kharlampidi
*
* Released under the MIT License
*
* Released on: September 16, 2021
*/
@font-face {
font-family: 'swiper-icons';
src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA");
font-weight: 400;
font-style: normal; }
:root {
--swiper-theme-color: #007aff; }
.swiper {
margin-left: auto;
margin-right: auto;
position: relative;
overflow: hidden;
list-style: none;
padding: 0;
/* Fix of Webkit flickering */
z-index: 1; }
.swiper-vertical > .swiper-wrapper {
flex-direction: column; }
.swiper-wrapper {
position: relative;
width: 100%;
height: 100%;
z-index: 1;
display: flex;
transition-property: transform;
box-sizing: content-box; }
.swiper-android .swiper-slide,
.swiper-wrapper {
transform: translate3d(0px, 0, 0); }
.swiper-pointer-events {
touch-action: pan-y; }
.swiper-pointer-events.swiper-vertical {
touch-action: pan-x; }
.swiper-slide {
flex-shrink: 0;
width: 100%;
height: 100%;
position: relative;
transition-property: transform; }
.swiper-slide-invisible-blank {
visibility: hidden; }
/* Auto Height */
.swiper-autoheight,
.swiper-autoheight .swiper-slide {
height: auto; }
.swiper-autoheight .swiper-wrapper {
align-items: flex-start;
transition-property: transform, height; }
/* 3D Effects */
.swiper-3d,
.swiper-3d.swiper-css-mode .swiper-wrapper {
perspective: 1200px; }
.swiper-3d .swiper-wrapper,
.swiper-3d .swiper-slide,
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-cube-shadow {
transform-style: preserve-3d; }
.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top,
.swiper-3d .swiper-slide-shadow-bottom {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
pointer-events: none;
z-index: 10; }
.swiper-3d .swiper-slide-shadow {
background: rgba(0, 0, 0, 0.15); }
.swiper-3d .swiper-slide-shadow-left {
background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); }
.swiper-3d .swiper-slide-shadow-right {
background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); }
.swiper-3d .swiper-slide-shadow-top {
background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); }
.swiper-3d .swiper-slide-shadow-bottom {
background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); }
/* CSS Mode */
.swiper-css-mode > .swiper-wrapper {
overflow: auto;
scrollbar-width: none;
/* For Firefox */
-ms-overflow-style: none;
/* For Internet Explorer and Edge */ }
.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar {
display: none; }
.swiper-css-mode > .swiper-wrapper > .swiper-slide {
scroll-snap-align: start start; }
.swiper-horizontal.swiper-css-mode > .swiper-wrapper {
-ms-scroll-snap-type: x mandatory;
scroll-snap-type: x mandatory; }
.swiper-vertical.swiper-css-mode > .swiper-wrapper {
-ms-scroll-snap-type: y mandatory;
scroll-snap-type: y mandatory; }
.swiper-centered > .swiper-wrapper::before {
content: '';
flex-shrink: 0;
order: 9999; }
.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child {
-webkit-margin-start: var(--swiper-centered-offset-before);
margin-inline-start: var(--swiper-centered-offset-before); }
.swiper-centered.swiper-horizontal > .swiper-wrapper::before {
height: 100%;
min-height: 1px;
width: var(--swiper-centered-offset-after); }
.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child {
-webkit-margin-before: var(--swiper-centered-offset-before);
margin-block-start: var(--swiper-centered-offset-before); }
.swiper-centered.swiper-vertical > .swiper-wrapper::before {
width: 100%;
min-width: 1px;
height: var(--swiper-centered-offset-after); }
.swiper-centered > .swiper-wrapper > .swiper-slide {
scroll-snap-align: center center; }
.swiper-virtual.swiper-css-mode .swiper-wrapper::after {
content: '';
position: absolute;
left: 0;
top: 0;
pointer-events: none; }
.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after {
height: 1px;
width: var(--swiper-virtual-size); }
.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after {
width: 1px;
height: var(--swiper-virtual-size); }
:root {
--swiper-navigation-size: 44px;
/*
--swiper-navigation-color: var(--swiper-theme-color);
*/ }
.swiper-button-prev,
.swiper-button-next {
position: absolute;
top: 50%;
width: calc(44px / 44 * 27);
width: calc(var(--swiper-navigation-size) / 44 * 27);
height: 44px;
height: var(--swiper-navigation-size);
margin-top: calc(0px - (44px / 2));
margin-top: calc(0px - (var(--swiper-navigation-size) / 2));
z-index: 10;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
color: var(--swiper-theme-color);
color: var(--swiper-navigation-color, var(--swiper-theme-color)); }
.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
opacity: 0.35;
cursor: auto;
pointer-events: none; }
.swiper-button-prev:after,
.swiper-button-next:after {
font-family: swiper-icons;
font-size: 44px;
font-size: var(--swiper-navigation-size);
text-transform: none !important;
letter-spacing: 0;
text-transform: none;
font-feature-settings: normal, ;
font-variant: normal;
font-variant: initial;
line-height: 1; }
.swiper-button-prev,
.swiper-rtl .swiper-button-next {
left: 10px;
right: auto; }
.swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after {
content: 'prev'; }
.swiper-button-next,
.swiper-rtl .swiper-button-prev {
right: 10px;
left: auto; }
.swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after {
content: 'next'; }
.swiper-button-lock {
display: none; }
:root {
/*
--swiper-pagination-color: var(--swiper-theme-color);
--swiper-pagination-bullet-size: 8px;
--swiper-pagination-bullet-width: 8px;
--swiper-pagination-bullet-height: 8px;
--swiper-pagination-bullet-inactive-color: #000;
--swiper-pagination-bullet-inactive-opacity: 0.2;
--swiper-pagination-bullet-opacity: 1;
--swiper-pagination-bullet-horizontal-gap: 4px;
--swiper-pagination-bullet-vertical-gap: 6px;
*/ }
.swiper-pagination {
position: absolute;
text-align: center;
transition: 300ms opacity;
transform: translate3d(0, 0, 0);
z-index: 10; }
.swiper-pagination.swiper-pagination-hidden {
opacity: 0; }
/* Common Styles */
.swiper-pagination-fraction,
.swiper-pagination-custom,
.swiper-horizontal > .swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal {
bottom: 10px;
left: 0;
width: 100%; }
/* Bullets */
.swiper-pagination-bullets-dynamic {
overflow: hidden;
font-size: 0; }
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
transform: scale(0.33);
position: relative; }
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
transform: scale(1); }
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
transform: scale(1); }
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
transform: scale(0.66); }
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
transform: scale(0.33); }
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
transform: scale(0.66); }
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
transform: scale(0.33); }
.swiper-pagination-bullet {
width: 8px;
width: var(--swiper-pagination-bullet-width, var(--swiper-pagination-bullet-size, 8px));
height: 8px;
height: var(--swiper-pagination-bullet-height, var(--swiper-pagination-bullet-size, 8px));
display: inline-block;
border-radius: 50%;
background: #000;
background: var(--swiper-pagination-bullet-inactive-color, #000);
opacity: 0.2;
opacity: var(--swiper-pagination-bullet-inactive-opacity, 0.2); }
button.swiper-pagination-bullet {
border: none;
margin: 0;
padding: 0;
box-shadow: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none; }
.swiper-pagination-clickable .swiper-pagination-bullet {
cursor: pointer; }
.swiper-pagination-bullet:only-child {
display: none !important; }
.swiper-pagination-bullet-active {
opacity: 1;
opacity: var(--swiper-pagination-bullet-opacity, 1);
background: var(--swiper-theme-color);
background: var(--swiper-pagination-color, var(--swiper-theme-color)); }
.swiper-vertical > .swiper-pagination-bullets,
.swiper-pagination-vertical.swiper-pagination-bullets {
right: 10px;
top: 50%;
transform: translate3d(0px, -50%, 0); }
.swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet {
margin: 6px 0;
margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0;
display: block; }
.swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
top: 50%;
transform: translateY(-50%);
width: 8px; }
.swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
display: inline-block;
transition: 200ms transform, 200ms top; }
.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
margin: 0 4px;
margin: 0 var(--swiper-pagination-bullet-horizontal-gap, 4px); }
.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
left: 50%;
transform: translateX(-50%);
white-space: nowrap; }
.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
transition: 200ms transform, 200ms left; }
.swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
transition: 200ms transform, 200ms right; }
/* Progress */
.swiper-pagination-progressbar {
background: rgba(0, 0, 0, 0.25);
position: absolute; }
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
background: var(--swiper-theme-color);
background: var(--swiper-pagination-color, var(--swiper-theme-color));
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
transform: scale(0);
transform-origin: left top; }
.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
transform-origin: right top; }
.swiper-horizontal > .swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-horizontal,
.swiper-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite {
width: 100%;
height: 4px;
left: 0;
top: 0; }
.swiper-vertical > .swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-vertical,
.swiper-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite {
width: 4px;
height: 100%;
left: 0;
top: 0; }
.swiper-pagination-lock {
display: none; }
/* Scrollbar */
.swiper-scrollbar {
border-radius: 10px;
position: relative;
-ms-touch-action: none;
background: rgba(0, 0, 0, 0.1); }
.swiper-horizontal > .swiper-scrollbar {
position: absolute;
left: 1%;
bottom: 3px;
z-index: 50;
height: 5px;
width: 98%; }
.swiper-vertical > .swiper-scrollbar {
position: absolute;
right: 3px;
top: 1%;
z-index: 50;
width: 5px;
height: 98%; }
.swiper-scrollbar-drag {
height: 100%;
width: 100%;
position: relative;
background: rgba(0, 0, 0, 0.5);
border-radius: 10px;
left: 0;
top: 0; }
.swiper-scrollbar-cursor-drag {
cursor: move; }
.swiper-scrollbar-lock {
display: none; }
.swiper-zoom-container {
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
text-align: center; }
.swiper-zoom-container > img,
.swiper-zoom-container > svg,
.swiper-zoom-container > canvas {
max-width: 100%;
max-height: 100%;
-o-object-fit: contain;
object-fit: contain; }
.swiper-slide-zoomed {
cursor: move; }
/* Preloader */
:root {
/*
--swiper-preloader-color: var(--swiper-theme-color);
*/ }
.swiper-lazy-preloader {
width: 42px;
height: 42px;
position: absolute;
left: 50%;
top: 50%;
margin-left: -21px;
margin-top: -21px;
z-index: 10;
transform-origin: 50%;
-webkit-animation: swiper-preloader-spin 1s infinite linear;
animation: swiper-preloader-spin 1s infinite linear;
box-sizing: border-box;
border: 4px solid var(--swiper-theme-color);
border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
border-radius: 50%;
border-top-color: transparent; }
.swiper-lazy-preloader-white {
--swiper-preloader-color: #fff; }
.swiper-lazy-preloader-black {
--swiper-preloader-color: #000; }
@-webkit-keyframes swiper-preloader-spin {
100% {
transform: rotate(360deg); } }
@keyframes swiper-preloader-spin {
100% {
transform: rotate(360deg); } }
/* a11y */
.swiper .swiper-notification {
position: absolute;
left: 0;
top: 0;
pointer-events: none;
opacity: 0;
z-index: -1000; }
.swiper-free-mode > .swiper-wrapper {
transition-timing-function: ease-out;
margin: 0 auto; }
.swiper-grid > .swiper-wrapper {
flex-wrap: wrap; }
.swiper-grid-column > .swiper-wrapper {
flex-wrap: wrap;
flex-direction: column; }
.swiper-fade.swiper-free-mode .swiper-slide {
transition-timing-function: ease-out; }
.swiper-fade .swiper-slide {
pointer-events: none;
transition-property: opacity; }
.swiper-fade .swiper-slide .swiper-slide {
pointer-events: none; }
.swiper-fade .swiper-slide-active,
.swiper-fade .swiper-slide-active .swiper-slide-active {
pointer-events: auto; }
.swiper-cube {
overflow: visible; }
.swiper-cube .swiper-slide {
pointer-events: none;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
z-index: 1;
visibility: hidden;
transform-origin: 0 0;
width: 100%;
height: 100%; }
.swiper-cube .swiper-slide .swiper-slide {
pointer-events: none; }
.swiper-cube.swiper-rtl .swiper-slide {
transform-origin: 100% 0; }
.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-active .swiper-slide-active {
pointer-events: auto; }
.swiper-cube .swiper-slide-active,
.swiper-cube .swiper-slide-next,
.swiper-cube .swiper-slide-prev,
.swiper-cube .swiper-slide-next + .swiper-slide {
pointer-events: auto;
visibility: visible; }
.swiper-cube .swiper-slide-shadow-top,
.swiper-cube .swiper-slide-shadow-bottom,
.swiper-cube .swiper-slide-shadow-left,
.swiper-cube .swiper-slide-shadow-right {
z-index: 0;
-webkit-backface-visibility: hidden;
backface-visibility: hidden; }
.swiper-cube .swiper-cube-shadow {
position: absolute;
left: 0;
bottom: 0px;
width: 100%;
height: 100%;
opacity: 0.6;
z-index: 0; }
.swiper-cube .swiper-cube-shadow:before {
content: '';
background: #000;
position: absolute;
left: 0;
top: 0;
bottom: 0;
right: 0;
filter: blur(50px); }
.swiper-flip {
overflow: visible; }
.swiper-flip .swiper-slide {
pointer-events: none;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
z-index: 1; }
.swiper-flip .swiper-slide .swiper-slide {
pointer-events: none; }
.swiper-flip .swiper-slide-active,
.swiper-flip .swiper-slide-active .swiper-slide-active {
pointer-events: auto; }
.swiper-flip .swiper-slide-shadow-top,
.swiper-flip .swiper-slide-shadow-bottom,
.swiper-flip .swiper-slide-shadow-left,
.swiper-flip .swiper-slide-shadow-right {
z-index: 0;
-webkit-backface-visibility: hidden;
backface-visibility: hidden; }
.swiper-creative .swiper-slide {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
overflow: hidden;
transition-property: transform, opacity, height; }
.swiper-cards {
overflow: visible; }
.swiper-cards .swiper-slide {
transform-origin: center bottom;
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
overflow: hidden; }
.swiper {
width: calc(100% - 100px);
min-height: 210px;
padding-bottom: 40px; }
.swiper .item-name {
line-height: 20px;
white-space: normal;
word-break: break-all; }
.swiper .item-image-holder {
text-align: center;
margin: auto; }
.swiper .item-image-holder img.item-image {
width: 100px;
height: 100px;
-o-object-fit: cover;
object-fit: cover;
border: solid 1px silver;
background-color: #eeeeee; }
.swiper .item-category-name {
line-height: 20px;
word-break: break-all; }
.swiper.no-data {
height: 140px;
min-height: 140px;
padding-bottom: 0px; }
.swiper-button-next, .swiper-button-prev {
border: 1px solid navy;
border-radius: 10px;
top: 70px;
width: 20px;
height: 20px; }
@media (min-width: 1200px) {
.swiper-button-next, .swiper-button-prev {
border-radius: 8px;
width: 35px;
height: 35px; } }
.swiper-button-next:after, .swiper-button-prev:after {
background-image: none;
content: none; }
.newer-item:before {
content: "後継品";
color: #ffffff;
background-color: #4caf50;
display: inline-block;
padding: 0.25em 0.4em;
font-size: 0.5rem;
font-weight: 700;
line-height: 1;
text-align: center;
white-space: nowrap;
vertical-align: text-top;
padding-right: 0.6em;
padding-left: 0.6em;
border-radius: 10rem;
margin-left: 3px; }
div.supp-appl-header {
position: sticky;
top: 0;
z-index: 50;
display: grid;
grid-template-columns: 2rem 4rem 1fr 3fr 1fr 1fr 1fr 9.5rem;
font-size: 14px;
border-bottom: solid 1px #ddd;
background-color: #f5f5f5; }
div.supp-appl-header .item-no {
grid-column-start: 1;
grid-column-end: 3;
padding: 5px 5px 5px 5px; }
div.supp-appl-header .item-maker-name {
padding: 5px 5px 5px 5px; }
div.supp-appl-header .item-name {
padding: 5px 5px 5px 5px; }
div.supp-appl-header .item-model-number {
padding: 5px 5px 5px 5px; }
div.supp-appl-header .item-product-code {
padding: 5px 5px 5px 5px; }
div.supp-appl-header .item-spec {
padding: 5px 5px 5px 5px; }
div.supp-appl-header .application-amount {
padding: 5px 5px 5px 5px;
text-align: center; }
div.supp-appl-header .operation-area {
padding: 5px 15px 5px 15px;
grid-column-start: 9;
grid-row-start: 1; }
div.supp-appl-header .operation-area a {
display: flex;
justify-content: center;
align-items: center;
width: 100%;
height: 100%; }
div.supp-appl-header .application-note {
display: none; }
div.supp-appl-btn-header {
background-color: white;
position: sticky;
top: 0;
z-index: 50;
height: 40px;
display: flex;
justify-content: space-between; }
div.supp-appl-header.form-header {
top: 40px; }
div.supp-appl-item-wrapper {
border-bottom: solid 1px #ddd; }
div.supp-appl-item-wrapper .supp-appl-rejected-item {
background-color: lightgray; }
div.supp-appl-item-div {
display: grid;
grid-template-columns: 2rem 4rem 1fr 3fr 1fr 1fr 1fr 9.5rem;
/* no, img, maker, name, model_number, product_code, amount */
padding: 0.5rem 0 0.5rem 0;
font-size: 14px; }
div.supp-appl-item-div .item-no {
grid-column-start: 1;
grid-row-start: 1;
grid-row-end: 3;
padding: 20px 5px 0px 0px;
text-align: center; }
div.supp-appl-item-div .item-image-holder {
grid-column-start: 2;
grid-row-start: 1;
grid-row-end: 3; }
div.supp-appl-item-div .item-image-holder img.item-image {
width: 4rem;
height: 4rem;
-o-object-fit: cover;
object-fit: cover; }
div.supp-appl-item-div .item-maker-name {
grid-column-start: 3;
padding: 5px 5px 5px 5px;
word-break: break-all; }
div.supp-appl-item-div .item-name {
grid-column-start: 4;
padding: 5px 5px 5px 5px;
word-break: break-all; }
div.supp-appl-item-div .item-model-number {
grid-column-start: 5;
padding: 5px 5px 5px 5px;
word-break: break-all; }
div.supp-appl-item-div .item-product-code {
grid-column-start: 6;
padding: 5px 5px 5px 5px;
word-break: break-all; }
div.supp-appl-item-div .item-spec {
grid-column-start: 7;
padding: 5px 5px 5px 5px;
word-break: break-all; }
div.supp-appl-item-div .application-amount {
display: flex;
flex-flow: column;
justify-content: center;
grid-column-start: 8;
grid-row-start: 1;
grid-row-end: 3;
padding: 0px 0px; }
div.supp-appl-item-div .application-amount input {
padding-top: 3px;
padding-bottom: 3px; }
div.supp-appl-item-div .application-amount button {
margin-top: 0 !important;
margin-bottom: 0 !important;
border-color: #ced4da;
box-shadow: none;
padding: 7px !important; }
div.supp-appl-item-div .application-amount .dropdown-menu {
min-width: 2rem !important; }
div.supp-appl-item-div .application-amount .dropdown-menu .dropdown-item {
text-align: right;
padding: 5px;
min-width: 2rem !important;
justify-content: center; }
div.supp-appl-item-div .application-amount-text {
grid-column-start: 8;
grid-row-start: 1;
grid-row-end: 3;
padding: 5px 5px 5px 5px; }
div.supp-appl-item-div .application-note {
grid-column-start: 3;
grid-column-end: 7;
grid-row-start: 2;
padding: 0 5px; }
div.supp-appl-item-div .application-note-add {
grid-column-start: 7;
grid-column-end: 8;
grid-row-start: 2;
padding: 0; }
div.supp-appl-item-div .application-note-add a {
display: block;
width: 100%;
height: 100%;
padding-top: 5px; }
div.supp-appl-item-div .operation-area {
padding: 5px 15px 5px 15px;
grid-column-start: 9;
grid-row-start: 1;
grid-row-end: 3; }
div.supp-appl-item-div .operation-area a {
display: flex;
justify-content: center;
align-items: center;
width: 100%;
height: 100%; }
.urgent-stamp {
position: absolute;
top: 30px;
left: 100px;
z-index: 40;
font-size: 2rem;
color: #f44336;
border-style: solid;
border-width: 2px;
border-color: #f44336;
border-radius: 5px;
padding: 5px;
transform: rotate(-30deg); }
div.patients-row {
padding: 0.5rem 0 0.5rem 0; }
.supp-appl-item-wrapper .patient-header {
color: #666666;
background-color: #f5f5f5;
border-top: 1px solid #ddd;
border-bottom: 1px solid #ddd;
border-left: 1px solid #ddd;
border-right: 1px solid #ddd; }
@media screen and (min-width: 576px) {
.supp-appl-item-wrapper .patient-header:nth-child(2n + 1), .supp-appl-item-wrapper .patient-field-row:nth-child(2n + 1) {
border-left: 1px solid #ddd;
border-right: 1px solid #ddd; }
.supp-appl-item-wrapper .patient-header:nth-child(2n), .supp-appl-item-wrapper .patient-field-row:nth-child(2n) {
border-right: 1px solid #ddd; }
.supp-appl-item-wrapper .patient-field-row {
border-bottom: 1px solid #ddd; } }
@media screen and (max-width: 575px) {
.supp-appl-item-wrapper .patient-field-row {
border-left: 1px solid #ddd;
border-right: 1px solid #ddd;
border-bottom: 1px solid #ddd; } }
div.stamp-card {
border: solid 1px black;
min-width: 6rem;
text-align: center;
margin-left: -1px; }
div.stamp-header {
border-bottom: solid 1px black;
min-height: 1.5rem; }
div.stamp-body {
min-height: 4.5rem;
display: flex;
flex-direction: column;
justify-content: center; }
div.stamp-body.slashed {
background-image: linear-gradient(to bottom right, transparent, transparent 49.2%, black 49.7%, black 50.3%, transparent 50.8%, transparent); }
div.supp-appl-applied-items-header {
position: sticky;
top: 0;
z-index: 50;
display: grid;
grid-template-columns: 3rem 2fr 1fr 7rem 8rem 2fr;
font-size: 14px;
border-bottom: solid 1px #ddd;
background-color: #f5f5f5; }
div.supp-appl-applied-items-header .no {
grid-column: 1 / 2;
padding: 5px; }
div.supp-appl-applied-items-header .supp-appl-title {
grid-column: 2 / 3;
padding: 5px; }
div.supp-appl-applied-items-header .user-name {
grid-column: 3 / 4;
padding: 5px; }
div.supp-appl-applied-items-header .amount {
grid-column: 4 / 5;
padding: 5px; }
div.supp-appl-applied-items-header .applied-at {
grid-column: 5 / 6;
padding: 5px; }
div.supp-appl-applied-items-header .note {
grid-column: 6 / -1;
padding: 5px; }
div.supp-appl-applied-items-item-div {
display: grid;
grid-template-columns: 3rem 2fr 1fr 7rem 8rem 2fr;
margin: 2px 0px;
font-size: 14px;
border-bottom: 1px solid #93B8B6; }
div.supp-appl-applied-items-item-div .no {
grid-column: 1 / 2;
grid-row: 1;
padding: 5px;
text-align: center; }
div.supp-appl-applied-items-item-div .supp-appl-title {
grid-column: 2 / 3;
padding: 5px;
word-break: break-all; }
div.supp-appl-applied-items-item-div .user-name {
grid-column: 3 / 4;
padding: 5px;
word-break: break-all; }
div.supp-appl-applied-items-item-div .amount {
grid-column: 4 / 5;
grid-row: 1;
padding: 5px 30px 5px 5px;
text-align: right;
word-break: break-all; }
div.supp-appl-applied-items-item-div .applied-at {
grid-column: 5 / 6;
grid-row: 1;
padding: 5px;
word-break: break-all; }
div.supp-appl-applied-items-item-div .note {
grid-column: 6 / -1;
grid-row: 1;
padding: 5px;
word-break: break-all; }
div.supp-appl-book-header {
position: sticky;
top: 40px;
z-index: 50;
display: grid;
grid-template-columns: 2rem 5.5rem 4.5rem 1fr 3fr 1fr 1fr 1fr 6rem;
font-size: 14px;
border-bottom: solid 1px #ddd;
background-color: #f5f5f5; }
div.supp-appl-book-header .item-no {
grid-column-start: 1;
padding: 5px 5px 5px 5px; }
div.supp-appl-book-header .applied-at {
grid-column-start: 2;
padding: 5px 5px 5px 5px; }
div.supp-appl-book-header .item-maker-name {
grid-column-start: 4;
padding: 5px 5px 5px 5px; }
div.supp-appl-book-header .item-name {
grid-column-start: 5;
padding: 5px 5px 5px 5px; }
div.supp-appl-book-header .item-model-number {
grid-column-start: 6;
padding: 5px 5px 5px 5px; }
div.supp-appl-book-header .item-product-code {
grid-column-start: 7;
padding: 5px 5px 5px 5px; }
div.supp-appl-book-header .item-spec {
grid-column-start: 8;
padding: 5px 5px 5px 5px; }
div.supp-appl-book-header .application-amount {
grid-column-start: 9;
padding: 5px 5px 5px 5px; }
div.supp-appl-book-header .application-note {
display: none; }
.book-guide-date-border {
display: flex;
align-items: center;
justify-content: center; }
.book-guide-date-border:before {
border-bottom: solid 2px #2196f3;
content: "";
width: 2rem;
margin-right: 1rem; }
.book-guide-deadline-border {
display: flex;
align-items: center;
justify-content: center; }
.book-guide-deadline-border:before {
border-bottom: solid 2px #f44336;
content: "";
width: 2rem;
margin-right: 1rem; }
div.supp-appl-book-item-wrapper {
position: relative;
border-bottom: solid 1px #ddd;
page-break-inside: avoid;
-moz-column-break-inside: avoid;
break-inside: avoid; }
div.supp-appl-book-item-wrapper.date-border {
border-bottom: solid 2px #2196f3; }
div.supp-appl-book-item-wrapper.deadline-border {
border-bottom: solid 2px #f44336; }
div.supp-appl-book-item-wrapper.search-target {
background-color: rgba(255, 255, 0, 0.2); }
div.supp-appl-book-item-wrapper.search-target.search-current {
background-color: rgba(255, 128, 0, 0.2); }
div.supp-appl-book-item-div {
display: grid;
grid-template-columns: 2rem 5.5rem 4.5rem 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 6rem;
/* no, img, maker, name, model_number, product_code, spec, amount */
padding: 0.5rem 0 0.5rem 0;
font-size: 14px; }
div.supp-appl-book-item-div .item-no {
grid-column-start: 1;
grid-row-start: 1;
grid-row-end: 3;
padding: 20px 5px 0px 5px;
white-space: nowrap;
text-align: center; }
div.supp-appl-book-item-div .applied-at {
grid-column-start: 2;
grid-row-start: 1;
grid-row-end: 3;
padding: 20px 5px 0px 5px; }
div.supp-appl-book-item-div .item-image-holder {
grid-column-start: 3;
grid-row-start: 1;
grid-row-end: 3;
margin: 0 0.25rem; }
div.supp-appl-book-item-div .item-image-holder img.item-image {
width: 4rem;
height: 4rem;
-o-object-fit: cover;
object-fit: cover; }
div.supp-appl-book-item-div .item-maker-name {
grid-column-start: 4;
grid-column-end: 6;
padding: 5px 5px 5px 5px;
word-break: break-all; }
div.supp-appl-book-item-div .item-name {
grid-column-start: 6;
grid-column-end: 12;
padding: 5px 5px 5px 5px;
word-break: break-all; }
div.supp-appl-book-item-div .item-model-number {
grid-column-start: 12;
grid-column-end: 14;
padding: 5px 5px 5px 5px;
word-break: break-all; }
div.supp-appl-book-item-div .item-product-code {
grid-column-start: 14;
grid-column-end: 16;
padding: 5px 5px 5px 5px;
word-break: break-all; }
div.supp-appl-book-item-div .item-spec {
grid-column-start: 16;
grid-column-end: 18;
padding: 5px 5px 5px 5px;
word-break: break-all; }
div.supp-appl-book-item-div .application-amount-text {
grid-column-start: 18;
font-size: 1.0rem;
padding: 5px 0px;
word-break: break-all; }
div.supp-appl-book-item-div .supp-appl-detail-info-div {
grid-column: 1 / -1;
grid-row: 3 / 4;
padding-top: 5px;
display: grid;
grid-template-columns: repeat(6, 1fr) 6rem; }
div.supp-appl-book-item-div .supp-appl-detail-info-div .application-title {
grid-column: 1 / -1;
display: flex;
word-break: break-all;
padding-left: 3px; }
div.supp-appl-book-item-div .supp-appl-detail-info-div .application-title .grid-label {
width: 5rem;
padding: 5px 0px 5px 5px;
background-color: #DBE6F0;
border-top: 1px solid #93B8B6;
border-bottom: 1px solid #93B8B6;
border-left: 1px solid #93B8B6;
border-right: 1px solid #93B8B6;
display: flex;
align-items: center; }
div.supp-appl-book-item-div .supp-appl-detail-info-div .application-title .grid-value {
width: calc(100% - 5rem);
padding: 5px 15px 5px 15px;
border-top: 1px solid #93B8B6;
border-bottom: 1px solid #93B8B6;
border-right: 1px solid #93B8B6;
display: flex;
align-items: center;
justify-content: left; }
div.supp-appl-book-item-div .supp-appl-detail-info-div .application-user-name {
grid-column: 1 / 4;
display: flex;
word-break: break-all;
padding-left: 3px; }
div.supp-appl-book-item-div .supp-appl-detail-info-div .application-user-name .grid-label {
width: 5rem;
padding: 5px 0px 5px 5px;
background-color: #DBE6F0;
border-bottom: 1px solid #93B8B6;
border-left: 1px solid #93B8B6;
border-right: 1px solid #93B8B6;
display: flex;
align-items: center; }
div.supp-appl-book-item-div .supp-appl-detail-info-div .application-user-name .grid-value {
width: calc(100% - 5rem);
padding: 5px 15px 5px 15px;
border-bottom: 1px solid #93B8B6;
display: flex;
align-items: center;
justify-content: left; }
div.supp-appl-book-item-div .supp-appl-detail-info-div .application-department-name {
grid-column: 4 / 7;
display: flex;
word-break: break-all; }
div.supp-appl-book-item-div .supp-appl-detail-info-div .application-department-name .grid-label {
width: 5rem;
padding: 5px 0px 5px 5px;
background-color: #DBE6F0;
border-bottom: 1px solid #93B8B6;
border-left: 1px solid #93B8B6;
border-right: 1px solid #93B8B6;
display: flex;
align-items: center; }
div.supp-appl-book-item-div .supp-appl-detail-info-div .application-department-name .grid-value {
width: calc(100% - 5rem);
padding: 5px 15px 5px 15px;
border-bottom: 1px solid #93B8B6;
border-right: 1px solid #93B8B6;
display: flex;
align-items: center;
justify-content: left; }
div.supp-appl-book-item-div .supp-appl-detail-info-div .application-status {
grid-column: 7 / 8;
padding: 5px 5px 5px 5px;
border-bottom: 1px solid #93B8B6;
border-right: 1px solid #93B8B6;
display: flex;
align-items: center;
justify-content: center; }
div.supp-appl-book-item-div .supp-appl-detail-info-div .application-detail-note {
grid-column: 1 / -1;
display: flex;
word-break: break-all;
padding-left: 3px; }
div.supp-appl-book-item-div .supp-appl-detail-info-div .application-detail-note .grid-label {
width: 5rem;
padding: 5px 0px 5px 5px;
background-color: #DBE6F0;
border-bottom: 1px solid #93B8B6;
border-left: 1px solid #93B8B6;
border-right: 1px solid #93B8B6;
display: flex;
align-items: center; }
div.supp-appl-book-item-div .supp-appl-detail-info-div .application-detail-note .grid-value {
width: calc(100% - 5rem);
padding: 5px 15px 5px 15px;
border-bottom: 1px solid #93B8B6;
border-right: 1px solid #93B8B6;
display: flex;
align-items: center;
justify-content: left; }
div.supp-appl-book-item-div .supp-appl-detail-info-div .application-detail-note .grid-value p {
margin: 0; }
div.supp-appl-book-item-div .supp-appl-detail-info-div .patients-div {
grid-column: 1 / -1;
display: flex;
word-break: break-all;
padding-left: 3px; }
div.supp-appl-book-item-div .supp-appl-detail-info-div .patients-div .grid-label {
width: 5rem;
padding: 5px 0px 5px 5px;
background-color: #DBE6F0;
border-bottom: 1px solid #93B8B6;
border-left: 1px solid #93B8B6;
border-right: 1px solid #93B8B6;
display: flex;
align-items: center; }
div.supp-appl-book-item-div .supp-appl-detail-info-div .patients-div .grid-value {
width: calc(100% - 5rem);
border-bottom: 1px solid #93B8B6;
display: grid;
grid-template-columns: 1fr 1fr;
align-items: center;
justify-content: center;
border-right: 1px solid #93B8B6; }
div.supp-appl-book-item-div .supp-appl-detail-info-div .patients-div .grid-value .patient-header {
color: #666666;
background-color: #f5f5f5;
border-bottom: 1px solid #ddd;
display: flex;
align-items: center; }
div.supp-appl-book-item-div .supp-appl-detail-info-div .patients-div .grid-value .patient-info-use-term .patient-name {
padding: 5px 10px 5px 10px;
width: 25%;
border-right: 1px solid #ddd; }
div.supp-appl-book-item-div .supp-appl-detail-info-div .patients-div .grid-value .patient-info-use-term .patient-id {
padding: 5px 10px 5px 10px;
width: 20%;
border-right: 1px solid #ddd; }
div.supp-appl-book-item-div .supp-appl-detail-info-div .patients-div .grid-value .patient-info-use-term .patient-amount {
padding: 5px 10px 5px 5px;
width: 12%;
border-right: 1px solid #ddd; }
div.supp-appl-book-item-div .supp-appl-detail-info-div .patients-div .grid-value .patient-info-use-term .patient-use-term {
padding: 5px 5px 5px 5px;
width: 43%; }
div.supp-appl-book-item-div .supp-appl-detail-info-div .patients-div .grid-value .patient-info-no-use-term .patient-name {
padding: 5px 10px 5px 10px;
width: 40%;
border-right: 1px solid #ddd; }
div.supp-appl-book-item-div .supp-appl-detail-info-div .patients-div .grid-value .patient-info-no-use-term .patient-id {
padding: 5px 10px 5px 10px;
width: 40%;
border-right: 1px solid #ddd; }
div.supp-appl-book-item-div .supp-appl-detail-info-div .patients-div .grid-value .patient-info-no-use-term .patient-amount {
padding: 5px 10px 5px 10px;
width: 20%; }
div.supp-appl-book-item-div .supp-appl-detail-info-div .patients-div .grid-value .patient-body {
display: flex;
align-items: center; }
div.supp-appl-book-item-div .supp-appl-detail-info-div .patients-div .grid-value .patient-header:nth-child(2n + 1), div.supp-appl-book-item-div .supp-appl-detail-info-div .patients-div .grid-value .patient-body:nth-child(2n + 1) {
border-right: 3px double #ddd; }
div.supp-appl-book-item-div .supp-appl-detail-info-div .patients-div .grid-value .patient-body:nth-child(n) {
border-bottom: 1px solid #ddd; }
div.supp-appl-book-item-div .supp-appl-detail-info-div .supp-appl-receipt-info {
grid-column: 1 / -1;
display: flex;
word-break: break-all;
padding-left: 3px; }
div.supp-appl-book-item-div .supp-appl-detail-info-div .supp-appl-receipt-info .line-through {
-webkit-text-decoration-line: line-through;
text-decoration-line: line-through; }
div.supp-appl-book-item-div .supp-appl-detail-info-div .supp-appl-receipt-info .grid-label {
width: 5rem;
padding: 5px 0px 5px 5px;
border-bottom: 1px solid #93B8B6;
background-color: #DBE6F0;
border-left: 1px solid #93B8B6;
border-right: 1px solid #93B8B6;
display: flex;
align-items: center; }
div.supp-appl-book-item-div .supp-appl-detail-info-div .supp-appl-receipt-info .grid-value {
width: calc(100% - 5rem);
border-bottom: 1px solid #93B8B6;
border-right: 1px solid #93B8B6;
display: grid;
grid-template-columns: 1fr 1fr;
align-items: center;
justify-content: center; }
div.supp-appl-book-item-div .supp-appl-detail-info-div .supp-appl-receipt-info .grid-value .receipt-details {
grid-column: 1 / -1;
display: grid;
grid-template-columns: 1fr 1fr; }
div.supp-appl-book-item-div .supp-appl-detail-info-div .supp-appl-receipt-info .grid-value .receipt-info-header {
color: #666666;
background-color: #f5f5f5;
border-bottom: 1px solid #ddd;
display: flex;
align-items: center; }
div.supp-appl-book-item-div .supp-appl-detail-info-div .supp-appl-receipt-info .grid-value .receipt-name {
padding: 5px 10px 5px 10px;
border-right: 1px solid #ddd;
width: calc(100% - 4rem - 8rem - 6rem); }
div.supp-appl-book-item-div .supp-appl-detail-info-div .supp-appl-receipt-info .grid-value .receipt-amount {
padding: 5px 10px 5px 5px;
border-right: 1px solid #ddd;
width: 4rem; }
div.supp-appl-book-item-div .supp-appl-detail-info-div .supp-appl-receipt-info .grid-value .receipt-received-at {
padding: 5px 10px 5px 5px;
border-right: 1px solid #ddd;
width: 8rem; }
div.supp-appl-book-item-div .supp-appl-detail-info-div .supp-appl-receipt-info .grid-value .receipt-status {
padding: 5px 10px 5px 5px;
width: 6rem; }
div.supp-appl-book-item-div .supp-appl-detail-info-div .supp-appl-receipt-info .grid-value .receipt-body {
display: flex;
align-items: center; }
div.supp-appl-book-item-div .supp-appl-detail-info-div .supp-appl-receipt-info .grid-value .receipt-body.deprecated {
background-color: lightgray; }
div.supp-appl-book-item-div .supp-appl-detail-info-div .supp-appl-receipt-info .grid-value .receipt-info-header:nth-child(2n + 1), div.supp-appl-book-item-div .supp-appl-detail-info-div .supp-appl-receipt-info .grid-value .receipt-body:nth-child(2n + 1) {
border-right: 3px double #ddd; }
div.supp-appl-book-item-div .supp-appl-detail-info-div .supp-appl-receipt-info .grid-value .receipt-body:nth-child(n) {
border-botom: 1px solid #ddd; }
.detail-urgent-stamp {
position: absolute;
top: 5px;
width: 40px;
text-align: center;
z-index: 40;
font-size: 14px;
color: #f44336;
border-style: solid;
border-width: 2px;
border-color: #f44336;
border-radius: 5px;
padding: 0px;
transform: rotate(-30deg); }
div.supp-appr-header {
position: sticky;
top: 0;
z-index: 50;
display: grid;
grid-template-columns: 2rem 2rem 4rem 1fr 3fr 1fr 1fr 1fr 9.5rem;
font-size: 14px;
border-bottom: solid 1px #ddd;
background-color: #f5f5f5; }
div.supp-appr-header .item-no {
grid-column-start: 1;
padding: 5px 5px 5px 5px; }
div.supp-appr-header .item-reject {
grid-column-start: 2;
grid-column-end: 4;
padding: 5px 5px 5px 5px; }
div.supp-appr-header .item-maker-name {
grid-column-start: 4;
padding: 5px 5px 5px 5px; }
div.supp-appr-header .item-name {
grid-column-start: 5;
padding: 5px 5px 5px 5px; }
div.supp-appr-header .item-model-number {
grid-column-start: 6;
padding: 5px 5px 5px 5px; }
div.supp-appr-header .item-product-code {
grid-column-start: 7;
padding: 5px 5px 5px 5px; }
div.supp-appr-header .item-spec {
grid-column-start: 8;
padding: 5px 5px 5px 5px; }
div.supp-appr-header .application-amount {
grid-column-start: 9;
padding: 5px 5px 5px 5px; }
div.supp-appr-header .application-note {
display: none; }
div.supp-appr-item-wrapper {
border-bottom: solid 1px #ddd; }
div.supp-appr-item-div {
display: grid;
grid-template-columns: 2rem 2rem 4rem 1fr 3fr 1fr 1fr 1fr 9.5rem;
padding: 0.5rem 0 0.5rem 0;
font-size: 14px; }
div.supp-appr-item-div .item-no {
grid-column-start: 1;
grid-row-start: 1;
grid-row-end: 3;
padding: 20px 5px 0px 0px;
text-align: center; }
div.supp-appr-item-div .item-reject {
grid-column-start: 2;
grid-row-start: 1;
grid-row-end: 3;
padding: 20px 5px 0px 0px;
text-align: center; }
div.supp-appr-item-div .item-image-holder {
grid-column-start: 3;
grid-row-start: 1;
grid-row-end: 3; }
div.supp-appr-item-div .item-image-holder img.item-image {
width: 4rem;
height: 4rem;
-o-object-fit: cover;
object-fit: cover; }
div.supp-appr-item-div .item-maker-name {
grid-column-start: 4;
padding: 5px 5px 5px 5px;
word-break: break-all; }
div.supp-appr-item-div .item-name {
grid-column-start: 5;
padding: 5px 5px 5px 5px;
word-break: break-all; }
div.supp-appr-item-div .item-model-number {
grid-column-start: 6;
padding: 5px 5px 5px 5px;
word-break: break-all; }
div.supp-appr-item-div .item-product-code {
grid-column-start: 7;
padding: 5px 5px 5px 5px;
word-break: break-all; }
div.supp-appr-item-div .item-spec {
grid-column-start: 8;
padding: 5px 5px 5px 5px;
word-break: break-all; }
div.supp-appr-item-div .approve-amount {
grid-column-start: 9;
grid-row-start: 1;
grid-row-end: 3;
padding: 0px 0px; }
div.supp-appr-item-div .approve-amount input {
padding-top: 3px;
padding-bottom: 3px; }
div.supp-appr-item-div .approve-amount button {
margin-top: 0 !important;
margin-bottom: 0 !important;
border-color: #ced4da;
box-shadow: none;
padding: 7px !important; }
div.supp-appr-item-div .approve-amount .dropdown-menu {
min-width: 2rem !important; }
div.supp-appr-item-div .approve-amount .dropdown-menu .dropdown-item {
text-align: right;
padding: 5px;
min-width: 2rem !important;
justify-content: center; }
div.supp-appr-item-div .application-note {
grid-column-start: 4;
grid-column-end: 8;
grid-row-start: 2;
padding: 0 5px; }
.supp-appr-item-wrapper .patient-header {
color: #666666;
background-color: #f5f5f5;
border-top: 1px solid #ddd;
border-bottom: 1px solid #ddd; }
@media screen and (min-width: 576px) {
.supp-appr-item-wrapper .patient-header:nth-child(2n + 1), .supp-appr-item-wrapper .patient-field-row:nth-child(2n + 1) {
border-right: 1px solid #ddd; }
.supp-appr-item-wrapper .patient-field-row:nth-child(n + 3) {
border-top: 1px solid #ddd; } }
@media screen and (max-width: 575px) {
.supp-appr-item-wrapper .patient-field-row:nth-child(n + 2) {
border-top: 1px solid #ddd; } }
div.purc-appl-header {
position: sticky;
top: 0;
z-index: 50;
display: grid;
grid-template-columns: 2rem 4rem 1fr 1fr 1fr 1fr 1fr 1fr;
font-size: 14px;
border-bottom: solid 1px #ddd;
background-color: #f5f5f5; }
div.purc-appl-header .item-no {
grid-column: 1 / 3;
grid-row: 1 / 3;
padding: 5px 5px 5px 5px; }
div.purc-appl-header .item-maker-name {
grid-column: 3 / 4;
grid-row: 1 / 2;
padding: 5px 5px 5px 5px; }
div.purc-appl-header .item-name {
grid-column: 4 / 6;
grid-row: 1 / 2;
padding: 5px 5px 5px 5px; }
div.purc-appl-header .item-model-number {
grid-column: 6 / 7;
grid-row: 1 / 2;
padding: 5px 5px 5px 5px; }
div.purc-appl-header .item-product-code {
grid-column: 7 / 8;
grid-row: 1 / 2;
padding: 5px 5px 5px 5px; }
div.purc-appl-header .item-spec {
grid-column: 8 / 9;
grid-row: 1 / 2;
padding: 5px 5px 5px 5px; }
div.purc-appl-btn-header {
background-color: white;
position: sticky;
top: 0;
z-index: 50;
height: 34px;
display: flex;
justify-content: flex-end;
z-index: 1001; }
div.purc-appl-header.form-header {
top: 34px;
z-index: 1001; }
div.purc-appl-item-wrapper {
padding-bottom: 10px;
border-bottom: solid 1px #ddd; }
div.purc-appl-item-wrapper .purc-appl-rejected-item {
background-color: lightgray; }
div.purc-appl-item-wrapper.search-target {
background-color: rgba(255, 255, 0, 0.2); }
div.purc-appl-item-wrapper.search-target .purc-appl-rejected-item {
background-color: #BDB76B; }
div.purc-appl-item-div {
display: grid;
grid-template-columns: 2rem 4rem 1fr 1fr 1fr 1fr 1fr 1fr;
/* no, img, maker, name, model_number, product_code */
padding: 0.5rem 0 0.5rem 0;
font-size: 14px; }
div.purc-appl-item-div .item-no {
grid-column: 1 / 2;
grid-row: 1 / 3;
padding: 20px 5px 0px 0px;
text-align: center; }
div.purc-appl-item-div .item-image-holder {
grid-column: 2 / 3;
grid-row: 1 / 3; }
div.purc-appl-item-div .item-image-holder img.item-image {
width: 4rem;
height: 4rem;
-o-object-fit: cover;
object-fit: cover; }
div.purc-appl-item-div .item-maker-name {
grid-column: 3 / 4;
grid-row: 1 / 2;
padding: 5px 5px 5px 5px;
word-break: break-all; }
div.purc-appl-item-div .item-name {
grid-column: 4 / 6;
grid-row: 1 / 2;
padding: 5px 5px 5px 5px;
word-break: break-all; }
div.purc-appl-item-div .item-model-number {
grid-column: 6 / 7;
grid-row: 1 / 2;
padding: 5px 5px 5px 5px;
word-break: break-all; }
div.purc-appl-item-div .item-product-code {
grid-column: 7 / 8;
grid-row: 1 / 2;
padding: 5px 5px 5px 5px;
word-break: break-all; }
div.purc-appl-item-div .item-spec {
grid-column: 8 / 9;
grid-row: 1 / 2;
padding: 5px 5px 5px 5px;
word-break: break-all; }
.purc-appl-details-div {
grid-column: 1 / -1;
grid-row: 2 / 4;
display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr; }
@media only screen and (max-width: 1180px) {
.purc-appl-details-div {
grid-template-columns: 1fr 1fr; } }
.purc-appl-details-div .item-regular-price {
grid-column: 1 / 2;
display: flex;
justify-content: space-between;
word-break: break-all; }
.purc-appl-details-div .item-regular-price .grid-label {
width: 30%;
padding: 5px 0px 5px 5px;
background-color: #DBE6F0;
border-top: 1px solid #93B8B6;
border-bottom: 1px solid #93B8B6;
border-right: 1px solid #93B8B6;
border-left: 1px solid #93B8B6;
display: flex;
align-items: center; }
.purc-appl-details-div .item-regular-price .grid-value {
text-align: right;
padding: 5px 15px 5px 5px;
width: 70%;
padding: 5px 15px 5px 5px;
background-color: #fff;
border-top: 1px solid #93B8B6;
border-bottom: 1px solid #93B8B6;
display: flex;
align-items: center;
justify-content: right; }
.purc-appl-details-div .item-redemption-price {
grid-column: 2 / 3;
display: flex;
justify-content: space-between;
word-break: break-all; }
.purc-appl-details-div .item-redemption-price .grid-label {
width: 40%;
padding: 5px 0px 5px 5px;
background-color: #DBE6F0;
border-top: 1px solid #93B8B6;
border-bottom: 1px solid #93B8B6;
border-left: 1px solid #93B8B6;
border-right: 1px solid #93B8B6;
display: flex;
align-items: center; }
.purc-appl-details-div .item-redemption-price .grid-value {
text-align: right;
padding: 5px 15px 5px 5px;
width: 60%;
padding: 5px 15px 5px 5px;
background-color: #fff;
border-top: 1px solid #93B8B6;
border-bottom: 1px solid #93B8B6;
display: flex;
align-items: center;
justify-content: right; }
@media only screen and (max-width: 1180px) {
.purc-appl-details-div .item-redemption-price .grid-value {
border-right: 1px solid #93B8B6; } }
.purc-appl-details-div .item-unit-number {
grid-column: 3 / 4;
display: flex;
justify-content: space-between;
word-break: break-all; }
@media only screen and (max-width: 1180px) {
.purc-appl-details-div .item-unit-number {
grid-column: 1 / 2; } }
.purc-appl-details-div .item-unit-number .grid-label {
width: 40%;
padding: 5px 0px 5px 5px;
background-color: #DBE6F0;
border-top: 1px solid #93B8B6;
border-bottom: 1px solid #93B8B6;
border-left: 1px solid #93B8B6;
border-right: 1px solid #93B8B6;
display: flex;
align-items: center; }
@media only screen and (max-width: 1180px) {
.purc-appl-details-div .item-unit-number .grid-label {
width: 30%;
border-top: none; } }
.purc-appl-details-div .item-unit-number .grid-value {
width: 60%;
padding: 5px 15px 5px 5px;
background-color: #fff;
border-top: 1px solid #93B8B6;
border-bottom: 1px solid #93B8B6;
display: flex;
align-items: center;
justify-content: right; }
@media only screen and (max-width: 1180px) {
.purc-appl-details-div .item-unit-number .grid-value {
width: 70%;
border-top: none; } }
.purc-appl-details-div .application-item-amount {
grid-column: 4 / 5;
display: flex;
justify-content: space-between;
word-break: break-all; }
@media only screen and (max-width: 1180px) {
.purc-appl-details-div .application-item-amount {
grid-column: 2 / 3; } }
.purc-appl-details-div .application-item-amount .grid-label {
width: 40%;
padding: 5px 0px 5px 5px;
background-color: #DBE6F0;
border-top: 1px solid #93B8B6;
border-bottom: 1px solid #93B8B6;
border-left: 1px solid #93B8B6;
border-right: 1px solid #93B8B6;
display: flex;
align-items: center; }
@media only screen and (max-width: 1180px) {
.purc-appl-details-div .application-item-amount .grid-label {
border-top: none; } }
.purc-appl-details-div .application-item-amount .grid-value {
width: 60%;
padding: 5px 15px 5px 5px;
background-color: #fff;
border-top: 1px solid #93B8B6;
border-right: 1px solid #93B8B6;
border-bottom: 1px solid #93B8B6;
display: flex;
align-items: center;
justify-content: right; }
@media only screen and (max-width: 1180px) {
.purc-appl-details-div .application-item-amount .grid-value {
border-top: none; } }
.purc-appl-details-div .application-item-supplier {
grid-column: 1 / 2;
display: flex;
word-break: break-all; }
.purc-appl-details-div .application-item-supplier .grid-label {
width: 30%;
padding: 5px 0px 5px 5px;
background-color: #DBE6F0;
border-bottom: 1px solid #93B8B6;
border-right: 1px solid #93B8B6;
border-left: 1px solid #93B8B6;
display: flex;
align-items: center; }
.purc-appl-details-div .application-item-supplier .grid-value {
width: 70%;
padding: 5px 15px 5px 5px;
background-color: #fff;
border-bottom: 1px solid #93B8B6;
display: flex;
align-items: center;
justify-content: right; }
.purc-appl-details-div .application-item-supplier .application-item-supplier-value {
width: 70%;
padding: 5px 5px 5px 5px;
background-color: #fff;
border-bottom: 1px solid #93B8B6; }
.purc-appl-details-div .application-item-supplier-empty {
grid-column: 1 / 2;
display: flex; }
.purc-appl-details-div .application-item-supplier-empty .grid-label {
width: 30%;
border-left: 1px solid #93B8B6;
border-bottom: 1px solid #93B8B6; }
.purc-appl-details-div .application-item-supplier-empty .grid-value {
width: 70%;
border-bottom: 1px solid #93B8B6; }
.purc-appl-details-div .item-unit-pirce-change-date {
grid-column: 2 / 3;
display: flex; }
.purc-appl-details-div .item-unit-pirce-change-date .grid-label {
width: 40%;
padding: 5px 0px 5px 5px;
background-color: #DBE6F0;
border-bottom: 1px solid #93B8B6;
border-left: 1px solid #93B8B6;
border-right: 1px solid #93B8B6;
display: flex;
align-items: center; }
.purc-appl-details-div .item-unit-pirce-change-date .grid-value {
width: 60%;
padding: 5px 15px 5px 5px;
background-color: #fff;
border-bottom: 1px solid #93B8B6;
display: flex;
align-items: center; }
@media only screen and (max-width: 1180px) {
.purc-appl-details-div .item-unit-pirce-change-date .grid-value {
border-right: 1px solid #93B8B6; } }
.purc-appl-details-div .application-item-unit-pirce {
grid-column: 3 / 4;
display: flex;
justify-content: space-between;
word-break: break-all; }
@media only screen and (max-width: 1180px) {
.purc-appl-details-div .application-item-unit-pirce {
grid-column: 1 / 2; } }
.purc-appl-details-div .application-item-unit-pirce .grid-label {
width: 40%;
padding: 5px 0px 5px 5px;
background-color: #DBE6F0;
border-bottom: 1px solid #93B8B6;
border-left: 1px solid #93B8B6;
border-right: 1px solid #93B8B6;
display: flex;
align-items: center; }
@media only screen and (max-width: 1180px) {
.purc-appl-details-div .application-item-unit-pirce .grid-label {
width: 30%; } }
.purc-appl-details-div .application-item-unit-pirce .grid-value {
width: 60%;
padding: 5px 15px 5px 5px;
background-color: #fff;
border-bottom: 1px solid #93B8B6;
display: flex;
align-items: center;
justify-content: right; }
@media only screen and (max-width: 1180px) {
.purc-appl-details-div .application-item-unit-pirce .grid-value {
width: 70%; } }
.purc-appl-details-div .application-item-unit-pirce .application-item-unit-price-value {
width: 60%;
padding: 5px 5px 5px 5px;
background-color: #fff;
border-bottom: 1px solid #93B8B6;
display: flex;
align-items: center;
justify-content: right; }
@media only screen and (max-width: 1180px) {
.purc-appl-details-div .application-item-unit-pirce .application-item-unit-price-value {
width: 70%; } }
.purc-appl-details-div .application-item-total-pirce {
grid-column: 4 / 5;
display: flex;
justify-content: space-between;
word-break: break-all; }
@media only screen and (max-width: 1180px) {
.purc-appl-details-div .application-item-total-pirce {
grid-column: 2 / 3; } }
.purc-appl-details-div .application-item-total-pirce .grid-label {
width: 40%;
padding: 5px 0px 5px 5px;
background-color: #DBE6F0;
border-bottom: 1px solid #93B8B6;
border-left: 1px solid #93B8B6;
border-right: 1px solid #93B8B6;
display: flex;
align-items: center; }
.purc-appl-details-div .application-item-total-pirce .grid-value {
width: 60%;
padding: 5px 15px 5px 5px;
background-color: #fff;
border-bottom: 1px solid #93B8B6;
border-right: 1px solid #93B8B6;
display: flex;
align-items: center;
justify-content: right; }
.purc-appl-details-div .application-departments {
padding-top: 10px;
grid-column: 1 / -1;
display: flex;
word-break: break-all; }
.purc-appl-details-div .application-departments .grid-label {
width: 25%;
padding: 5px 0px 5px 5px;
background-color: #DBE6F0;
border-top: 1px solid #93B8B6;
border-right: 1px solid #93B8B6;
border-bottom: 1px solid #93B8B6;
border-left: 1px solid #93B8B6;
display: flex;
align-items: center; }
.purc-appl-details-div .application-departments .grid-value {
width: 75%;
padding: 0px;
display: grid;
grid-template-columns: repeat(1, 1fr); }
.purc-appl-details-div .application-departments .grid-value .application-item-dept {
display: flex;
word-break: break-all; }
.purc-appl-details-div .application-departments .grid-value .application-item-dept.no-amount {
display: none; }
.purc-appl-details-div .application-departments .grid-value .application-item-dept .application-item-dept-name {
width: 33.3%;
padding: 5px 0px 5px 5px;
color: #666666;
border-top: 1px solid #ddd;
border-bottom: 1px solid #ddd;
background-color: #f5f5f5;
display: flex;
align-items: center; }
.purc-appl-details-div .application-departments .grid-value .application-item-dept .application-item-dept-amount {
width: 13.4%;
padding: 5px 5px 5px 5px;
border-top: 1px solid #ddd;
border-left: 1px solid #ddd;
border-right: 1px solid #ddd;
border-bottom: 1px solid #ddd;
display: flex;
align-items: center;
justify-content: right;
background-color: #fff; }
.purc-appl-details-div .application-departments .grid-value .application-item-dept .application-item-dept-amount-value {
width: 25%;
padding: 5px 5px 5px 5px;
border-top: 1px solid #ddd;
border-left: 1px solid #ddd;
border-right: 1px solid #ddd;
border-bottom: 1px solid #ddd;
display: flex;
align-items: center;
justify-content: right;
background-color: #fff; }
.purc-appl-details-div .application-departments .grid-value .application-item-dept.application-rejected-item-dept .application-item-dept-amount {
background-color: lightgray; }
.purc-appl-item-div.purc-appl-rejected-item .purc-appl-details-div .application-item-amount .grid-value,
.purc-appl-item-div.purc-appl-rejected-item .purc-appl-details-div .application-item-total-pirce .grid-value {
background-color: lightgray; }
div.purc-appl-item-total-wrapper {
display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr;
font-size: 14px;
word-break: break-all; }
div.purc-appl-item-total-wrapper .purc-appl-total-price {
grid-column: 4 / 5;
display: flex; }
div.purc-appl-item-total-wrapper .purc-appl-total-price .grid-label {
width: 40%;
padding: 5px 0px 5px 5px;
background-color: #DBE6F0;
border-bottom: 1px solid #93B8B6;
border-right: 1px solid #93B8B6;
border-left: 1px solid #93B8B6;
display: flex;
align-items: center; }
div.purc-appl-item-total-wrapper .purc-appl-total-price .grid-value {
width: 60%;
padding: 5px 15px 5px 5px;
background-color: #fff;
border-bottom: 1px solid #93B8B6;
border-right: 1px solid #93B8B6;
display: flex;
align-items: center;
justify-content: right; }
div.purc-appr-header {
position: sticky;
top: 0;
z-index: 50;
display: grid;
grid-template-columns: 3rem 2rem 4rem 1fr 1fr 1fr 1fr 1fr 1fr;
font-size: 14px;
border-bottom: solid 1px #ddd;
background-color: #f5f5f5; }
div.purc-appr-header .item-no {
grid-column-start: 1;
grid-row: 1 / 3;
padding: 5px 5px 5px 5px; }
div.purc-appr-header .item-reject {
grid-column: 2 / 4;
grid-row: 1 / 2;
padding: 5px 5px 5px 5px; }
div.purc-appr-header .item-maker-name {
grid-column: 4 / 5;
grid-row: 1 / 2;
padding: 5px 5px 5px 5px; }
div.purc-appr-header .item-name {
grid-column: 5 / 7;
grid-row: 1 / 2;
padding: 5px 5px 5px 5px; }
div.purc-appr-header .item-model-number {
grid-column: 7 / 8;
grid-row: 1 / 2;
padding: 5px 5px 5px 5px; }
div.purc-appr-header .item-product-code {
grid-column: 8 / 9;
grid-row: 1 / 2;
padding: 5px 5px 5px 5px; }
div.purc-appr-header .item-spec {
grid-column: 9 / 10;
grid-row: 1 / 2;
padding: 5px 5px 5px 5px; }
div.purc-appr-item-wrapper {
border-bottom: solid 1px #ddd; }
@media only screen and (max-width: 991px) {
div.purc-appr-item-wrapper {
margin-top: 9px; } }
div.purc-appr-item-div {
display: grid;
/* no, img, maker, name, model_number, product_code */
padding: 0 0 0.5rem 0; }
@media only screen and (min-width: 992px) {
div.purc-appr-item-div {
font-size: 14px;
grid-template-columns: 3rem 2rem 4rem 1fr 1fr 1fr 1fr 1fr 1fr;
grid-template-rows: repeat(3, auto);
grid-template-areas: "item-no-t item-reject-t item-reject-t item-maker-name-t item-name-t item-name-t item-model-number-t item-product-code-t item-spec-t" "item-no item-reject item-image-holder item-maker-name item-name item-name item-model-number item-product-code item-spec" "detail detail detail detail detail detail detail detail detail"; }
div.purc-appr-item-div > [class^=item-] {
margin-top: 0.5rem; } }
@media only screen and (max-width: 991px) {
div.purc-appr-item-div {
font-size: 13px;
grid-template-columns: 35% 65%;
grid-template-rows: auto;
grid-template-areas: "item-no-t item-no" "item-reject-t item-reject" "item-image-holder-t item-image-holder" "item-maker-name-t item-maker-name" "item-name-t item-name" "item-model-number-t item-model-number" "item-product-code-t item-product-code" "item-spec-t item-spec" "detail detail"; } }
div.purc-appr-item-div .grid-title {
background-color: #f5f5f5;
border-bottom: solid 1px #ddd; }
div.purc-appr-item-div .item-no {
padding: 5px 5px 5px 5px;
grid-area: item-no; }
@media only screen and (min-width: 992px) {
div.purc-appr-item-div .item-no {
padding: 20px 5px 0px 0px;
text-align: center; } }
div.purc-appr-item-div .item-no.grid-title {
grid-area: item-no-t;
margin-top: 0;
text-align: unset; }
div.purc-appr-item-div .item-reject {
padding: 5px 5px 5px 5px;
grid-area: item-reject; }
@media only screen and (min-width: 992px) {
div.purc-appr-item-div .item-reject {
padding: 20px 5px 0px 0px;
text-align: center; } }
div.purc-appr-item-div .item-reject.grid-title {
grid-area: item-reject-t;
margin-top: 0;
text-align: unset; }
div.purc-appr-item-div .item-image-holder {
grid-area: item-image-holder; }
@media only screen and (max-width: 991px) {
div.purc-appr-item-div .item-image-holder {
padding: 5px 5px 5px 5px; } }
div.purc-appr-item-div .item-image-holder img.item-image {
width: 4rem;
height: 4rem;
-o-object-fit: cover;
object-fit: cover; }
div.purc-appr-item-div .item-image-holder.grid-title {
grid-area: item-image-holder-t;
margin-top: 0; }
div.purc-appr-item-div .item-maker-name {
padding: 5px 5px 5px 5px;
word-break: break-all;
grid-area: item-maker-name; }
div.purc-appr-item-div .item-maker-name.grid-title {
grid-area: item-maker-name-t;
margin-top: 0; }
div.purc-appr-item-div .item-name {
padding: 5px 5px 5px 5px;
word-break: break-all;
grid-area: item-name; }
div.purc-appr-item-div .item-name.grid-title {
grid-area: item-name-t;
margin-top: 0; }
div.purc-appr-item-div .item-model-number {
padding: 5px 5px 5px 5px;
word-break: break-all;
grid-area: item-model-number; }
div.purc-appr-item-div .item-model-number.grid-title {
grid-area: item-model-number-t;
margin-top: 0; }
div.purc-appr-item-div .item-product-code {
padding: 5px 5px 5px 5px;
word-break: break-all;
grid-area: item-product-code; }
div.purc-appr-item-div .item-product-code.grid-title {
grid-area: item-product-code-t;
margin-top: 0; }
div.purc-appr-item-div .item-spec {
padding: 5px 5px 5px 5px;
word-break: break-all;
grid-area: item-spec; }
div.purc-appr-item-div .item-spec.grid-title {
grid-area: item-spec-t;
margin-top: 0; }
div.purc-appr-item-div .purc-appl-details-div {
grid-area: detail;
display: grid;
padding-top: 5px; }
@media only screen and (min-width: 992px) {
div.purc-appr-item-div .purc-appl-details-div {
grid-template-columns: 1fr 1fr 1fr 1fr;
grid-template-rows: repeat(3, auto);
grid-template-areas: "item-regular-price item-redemption-price item-unit-number application-item-amount" "application-item-supplier-empty item-unit-pirce-change-date application-item-unit-pirce application-item-total-pirce" "application-departments application-departments application-departments application-departments"; } }
@media only screen and (max-width: 991px) {
div.purc-appr-item-div .purc-appl-details-div {
grid-template-columns: 1fr;
grid-template-rows: auto;
grid-template-areas: "item-regular-price" "item-redemption-price" "item-unit-number" "application-item-amount" "application-item-supplier-empty" "item-unit-pirce-change-date" "application-item-unit-pirce" "application-item-total-pirce" "application-departments"; } }
div.purc-appr-item-div .purc-appl-details-div .item-regular-price {
grid-area: item-regular-price;
display: flex;
justify-content: space-between;
word-break: break-all;
padding-left: 3px; }
div.purc-appr-item-div .purc-appl-details-div .item-regular-price .grid-label {
width: 30%;
padding: 5px 0px 5px 5px;
background-color: #DBE6F0;
border-top: 1px solid #93B8B6;
border-bottom: 1px solid #93B8B6;
border-right: 1px solid #93B8B6;
display: flex;
align-items: center; }
div.purc-appr-item-div .purc-appl-details-div .item-regular-price .grid-value {
text-align: right;
padding: 5px 15px 5px 5px;
width: 70%;
padding: 5px 15px 5px 5px;
background-color: #fff;
border-top: 1px solid #93B8B6;
border-bottom: 1px solid #93B8B6;
display: flex;
align-items: center;
justify-content: right; }
@media only screen and (max-width: 991px) {
div.purc-appr-item-div .purc-appl-details-div .item-regular-price {
padding-left: 0px; }
div.purc-appr-item-div .purc-appl-details-div .item-regular-price .grid-label {
width: 35%;
border-bottom: none; }
div.purc-appr-item-div .purc-appl-details-div .item-regular-price .grid-value {
width: 65%;
border-bottom: none;
border-right: 1px solid #93B8B6; } }
div.purc-appr-item-div .purc-appl-details-div .item-redemption-price {
grid-area: item-redemption-price;
display: flex;
justify-content: space-between;
word-break: break-all; }
div.purc-appr-item-div .purc-appl-details-div .item-redemption-price .grid-label {
width: 50%;
padding: 5px 0px 5px 5px;
background-color: #DBE6F0;
border-top: 1px solid #93B8B6;
border-bottom: 1px solid #93B8B6;
border-left: 1px solid #93B8B6;
border-right: 1px solid #93B8B6;
display: flex;
align-items: center; }
div.purc-appr-item-div .purc-appl-details-div .item-redemption-price .grid-value {
text-align: right;
padding: 5px 15px 5px 5px;
width: 50%;
padding: 5px 15px 5px 5px;
background-color: #fff;
border-top: 1px solid #93B8B6;
border-bottom: 1px solid #93B8B6;
display: flex;
align-items: center;
justify-content: right; }
@media only screen and (max-width: 991px) {
div.purc-appr-item-div .purc-appl-details-div .item-redemption-price {
padding-left: 0px; }
div.purc-appr-item-div .purc-appl-details-div .item-redemption-price .grid-label {
width: 35%;
border-bottom: none; }
div.purc-appr-item-div .purc-appl-details-div .item-redemption-price .grid-value {
width: 65%;
border-bottom: none;
border-right: 1px solid #93B8B6; } }
div.purc-appr-item-div .purc-appl-details-div .item-unit-number {
grid-area: item-unit-number;
display: flex;
justify-content: space-between;
word-break: break-all; }
div.purc-appr-item-div .purc-appl-details-div .item-unit-number .grid-label {
width: 40%;
padding: 5px 0px 5px 5px;
background-color: #DBE6F0;
border-top: 1px solid #93B8B6;
border-bottom: 1px solid #93B8B6;
border-left: 1px solid #93B8B6;
border-right: 1px solid #93B8B6;
display: flex;
align-items: center; }
div.purc-appr-item-div .purc-appl-details-div .item-unit-number .grid-value {
width: 60%;
padding: 5px 15px 5px 5px;
background-color: #fff;
border-top: 1px solid #93B8B6;
border-bottom: 1px solid #93B8B6;
display: flex;
align-items: center;
justify-content: right; }
@media only screen and (max-width: 991px) {
div.purc-appr-item-div .purc-appl-details-div .item-unit-number {
padding-left: 0px; }
div.purc-appr-item-div .purc-appl-details-div .item-unit-number .grid-label {
width: 35%;
border-bottom: none; }
div.purc-appr-item-div .purc-appl-details-div .item-unit-number .grid-value {
width: 65%;
border-bottom: none;
border-right: 1px solid #93B8B6; } }
div.purc-appr-item-div .purc-appl-details-div .application-item-amount {
grid-area: application-item-amount;
display: flex;
justify-content: space-between;
word-break: break-all; }
div.purc-appr-item-div .purc-appl-details-div .application-item-amount .grid-label {
width: 40%;
padding: 5px 0px 5px 5px;
background-color: #DBE6F0;
border-top: 1px solid #93B8B6;
border-bottom: 1px solid #93B8B6;
border-left: 1px solid #93B8B6;
border-right: 1px solid #93B8B6;
display: flex;
align-items: center; }
div.purc-appr-item-div .purc-appl-details-div .application-item-amount .grid-value {
width: 60%;
padding: 5px 15px 5px 5px;
background-color: #fff;
border-top: 1px solid #93B8B6;
border-bottom: 1px solid #93B8B6;
display: flex;
align-items: center;
justify-content: right; }
@media only screen and (max-width: 991px) {
div.purc-appr-item-div .purc-appl-details-div .application-item-amount {
padding-left: 0px; }
div.purc-appr-item-div .purc-appl-details-div .application-item-amount .grid-label {
width: 35%;
border-bottom: none; }
div.purc-appr-item-div .purc-appl-details-div .application-item-amount .grid-value {
width: 65%;
border-bottom: none;
border-right: 1px solid #93B8B6; } }
div.purc-appr-item-div .purc-appl-details-div .application-item-supplier {
grid-column: 1 / 2;
display: flex;
word-break: break-all;
padding-left: 3px; }
div.purc-appr-item-div .purc-appl-details-div .application-item-supplier .grid-label {
width: 30%;
padding: 5px 0px 5px 5px;
background-color: #DBE6F0;
border-bottom: 1px solid #93B8B6;
border-right: 1px solid #93B8B6;
display: flex;
align-items: center; }
div.purc-appr-item-div .purc-appl-details-div .application-item-supplier .grid-value {
width: 70%;
padding: 5px 15px 5px 5px;
background-color: #fff;
border-bottom: 1px solid #93B8B6;
display: flex;
align-items: center;
justify-content: right; }
div.purc-appr-item-div .purc-appl-details-div .application-item-supplier .application-item-supplier-value {
width: 70%;
padding: 5px 5px 5px 5px;
background-color: #fff;
border-bottom: 1px solid #93B8B6; }
div.purc-appr-item-div .purc-appl-details-div .application-item-supplier-empty {
grid-area: application-item-supplier-empty;
display: flex;
padding-left: 3px; }
div.purc-appr-item-div .purc-appl-details-div .application-item-supplier-empty .grid-label {
width: 30%;
border-bottom: 1px solid #93B8B6; }
div.purc-appr-item-div .purc-appl-details-div .application-item-supplier-empty .grid-value {
width: 70%;
border-bottom: 1px solid #93B8B6; }
@media only screen and (max-width: 991px) {
div.purc-appr-item-div .purc-appl-details-div .application-item-supplier-empty {
padding-left: 0px; }
div.purc-appr-item-div .purc-appl-details-div .application-item-supplier-empty .grid-label {
width: 35%; }
div.purc-appr-item-div .purc-appl-details-div .application-item-supplier-empty .grid-value {
width: 65%; } }
div.purc-appr-item-div .purc-appl-details-div .item-unit-pirce-change-date {
grid-area: item-unit-pirce-change-date;
display: flex; }
div.purc-appr-item-div .purc-appl-details-div .item-unit-pirce-change-date .grid-label {
width: 50%;
padding: 5px 0px 5px 5px;
background-color: #DBE6F0;
border-bottom: 1px solid #93B8B6;
border-left: 1px solid #93B8B6;
border-right: 1px solid #93B8B6;
display: flex;
align-items: center; }
div.purc-appr-item-div .purc-appl-details-div .item-unit-pirce-change-date .grid-value {
width: 50%;
padding: 5px 15px 5px 5px;
background-color: #fff;
border-bottom: 1px solid #93B8B6;
display: flex;
align-items: center; }
@media only screen and (max-width: 991px) {
div.purc-appr-item-div .purc-appl-details-div .item-unit-pirce-change-date .grid-label {
width: 35%; }
div.purc-appr-item-div .purc-appl-details-div .item-unit-pirce-change-date .grid-value {
width: 65%;
border-right: 1px solid #93B8B6;
justify-content: right; } }
div.purc-appr-item-div .purc-appl-details-div .application-item-unit-pirce {
grid-area: application-item-unit-pirce;
display: flex;
justify-content: space-between;
word-break: break-all; }
div.purc-appr-item-div .purc-appl-details-div .application-item-unit-pirce .grid-label {
width: 40%;
padding: 5px 0px 5px 5px;
background-color: #DBE6F0;
border-bottom: 1px solid #93B8B6;
border-left: 1px solid #93B8B6;
border-right: 1px solid #93B8B6;
display: flex;
align-items: center; }
div.purc-appr-item-div .purc-appl-details-div .application-item-unit-pirce .grid-value {
width: 60%;
padding: 5px 15px 5px 5px;
background-color: #fff;
border-bottom: 1px solid #93B8B6;
display: flex;
align-items: center;
justify-content: right; }
div.purc-appr-item-div .purc-appl-details-div .application-item-unit-pirce .application-item-unit-price-value {
width: 60%;
padding: 5px 5px 5px 5px;
background-color: #fff;
border-bottom: 1px solid #93B8B6;
display: flex;
align-items: center;
justify-content: right; }
@media only screen and (max-width: 991px) {
div.purc-appr-item-div .purc-appl-details-div .application-item-unit-pirce .grid-label {
width: 35%; }
div.purc-appr-item-div .purc-appl-details-div .application-item-unit-pirce .grid-value {
width: 65%;
border-right: 1px solid #93B8B6; } }
div.purc-appr-item-div .purc-appl-details-div .application-item-total-pirce {
grid-area: application-item-total-pirce;
display: flex;
justify-content: space-between;
word-break: break-all; }
div.purc-appr-item-div .purc-appl-details-div .application-item-total-pirce .grid-label {
width: 40%;
padding: 5px 0px 5px 5px;
background-color: #DBE6F0;
border-bottom: 1px solid #93B8B6;
border-left: 1px solid #93B8B6;
border-right: 1px solid #93B8B6;
display: flex;
align-items: center; }
div.purc-appr-item-div .purc-appl-details-div .application-item-total-pirce .grid-value {
width: 60%;
padding: 5px 15px 5px 5px;
background-color: #fff;
border-bottom: 1px solid #93B8B6;
display: flex;
align-items: center;
justify-content: right; }
@media only screen and (max-width: 991px) {
div.purc-appr-item-div .purc-appl-details-div .application-item-total-pirce .grid-label {
width: 35%; }
div.purc-appr-item-div .purc-appl-details-div .application-item-total-pirce .grid-value {
width: 65%; } }
div.purc-appr-item-div .application-dept-title {
grid-column: 1 / 3;
grid-row: 4 / 5;
padding: 5px 5px 5px 5px;
word-break: break-all; }
div.purc-appr-item-div .application-departments {
grid-area: application-departments;
display: flex;
word-break: break-all;
padding-left: 3px; }
div.purc-appr-item-div .application-departments .grid-label {
width: 25%;
padding: 5px 0px 5px 5px;
background-color: #DBE6F0;
border-right: 1px solid #93B8B6;
display: flex;
align-items: center; }
div.purc-appr-item-div .application-departments .grid-value {
width: 75%;
padding: 0px;
display: grid;
grid-template-columns: repeat(1, 1fr); }
div.purc-appr-item-div .application-departments .grid-value .application-item-dept {
display: flex;
word-break: break-all; }
div.purc-appr-item-div .application-departments .grid-value .application-item-dept.no-amount {
display: none; }
div.purc-appr-item-div .application-departments .grid-value .application-item-dept .application-item-reject {
width: 1.4rem;
padding: 5px 0px 5px 5px;
color: #666666;
border-top: 1px solid #ddd;
border-bottom: 1px solid #ddd;
background-color: #f5f5f5;
display: flex;
align-items: center; }
div.purc-appr-item-div .application-departments .grid-value .application-item-dept .application-item-dept-name {
width: calc(33.3% - 1.4rem);
padding: 5px 0px 5px 1px;
color: #666666;
background-color: #f5f5f5;
display: flex;
align-items: center; }
div.purc-appr-item-div .application-departments .grid-value .application-item-dept .application-item-dept-amount-value {
width: 13.4%;
padding: 5px 5px 5px 5px;
border-left: 1px solid #ddd;
border-right: 1px solid #ddd;
display: flex;
align-items: center;
justify-content: right;
background-color: #fff; }
div.purc-appr-item-div .application-departments .grid-value .application-item-dept .application-item-dept-amount {
width: 13.4%;
padding: 5px 15px 5px 5px;
border-left: 1px solid #ddd;
border-right: 1px solid #ddd;
display: flex;
align-items: center;
justify-content: right;
background-color: #fff; }
@media only screen and (max-width: 991px) {
div.purc-appr-item-div .application-departments {
padding-left: 0px; }
div.purc-appr-item-div .application-departments .grid-label {
width: 35%; }
div.purc-appr-item-div .application-departments .grid-value {
width: 65%; }
div.purc-appr-item-div .application-departments .grid-value .application-item-dept .application-item-dept-name {
width: calc(50% - 1.4rem); }
div.purc-appr-item-div .application-departments .grid-value .application-item-dept .application-item-dept-amount-value {
width: 50%; }
div.purc-appr-item-div .application-departments .grid-value .application-item-dept .application-item-dept-amount {
width: 50%; }
div.purc-appr-item-div .application-departments .grid-value .application-item-dept:not(:last-child) div {
border-bottom: none; } }
div.purc-appr-item-total-wrapper {
display: grid;
grid-template-columns: 3rem 2rem 4rem 1fr 1fr 1fr 1fr;
font-size: 14px; }
@media only screen and (max-width: 991px) {
div.purc-appr-item-total-wrapper {
margin-top: 9px; } }
div.purc-appr-item-total-wrapper .purc-appr-total-price {
grid-column: 7 / 8;
display: flex;
justify-content: space-between; }
div.purc-appr-item-total-wrapper .purc-appr-total-price .grid-label {
width: 40%;
padding: 5px 0px 5px 5px;
background-color: #DBE6F0;
border-bottom: 1px solid #93B8B6;
border-right: 1px solid #93B8B6;
border-left: 1px solid #93B8B6;
display: flex;
align-items: center; }
div.purc-appr-item-total-wrapper .purc-appr-total-price .grid-value {
width: 60%;
padding: 5px 15px 5px 5px;
background-color: #fff;
border-bottom: 1px solid #93B8B6;
border-right: 1px solid #93B8B6;
display: flex;
align-items: center;
justify-content: right; }
@media only screen and (max-width: 991px) {
div.purc-appr-item-total-wrapper .purc-appr-total-price {
grid-column: 1 / -1; }
div.purc-appr-item-total-wrapper .purc-appr-total-price .grid-label {
width: 35%;
border-top: 1px solid #93B8B6; }
div.purc-appr-item-total-wrapper .purc-appr-total-price .grid-value {
width: 65%;
border-top: 1px solid #93B8B6; } }
div.c2 {
background: #fac8c8 !important; }
div.shipping-header {
position: sticky;
top: 0;
z-index: 50;
display: grid;
grid-template-columns: 2rem 4rem 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
font-size: 14px;
border-bottom: solid 1px #ddd;
background-color: #f5f5f5; }
div.shipping-header .item-no {
grid-column: 1 / 3;
grid-row: 1 / 2;
padding: 5px 5px 5px 5px; }
div.shipping-header .item-maker-name {
grid-column: 3 / 4;
grid-row: 1 / 2;
padding: 5px 5px 5px 5px; }
div.shipping-header .item-name {
grid-column: 4 / 6;
grid-row: 1 / 2;
padding: 5px 5px 5px 5px; }
div.shipping-header .item-model-number {
grid-column: 6 / 7;
grid-row: 1 / 2;
padding: 5px 5px 5px 5px; }
div.shipping-header .item-product-code {
grid-column: 7 / 8;
grid-row: 1 / 2;
padding: 5px 5px 5px 5px; }
div.shipping-header .item-spec {
grid-column: 8 / 9;
grid-row: 1 / 2;
padding: 5px 5px 5px 5px; }
div.shipping-header .item-unit-number {
grid-column: 9 / 10;
grid-row: 1 / 2;
padding: 5px 5px 5px 5px; }
div.shipping-items-area {
border-bottom: 1px solid #ddd; }
div.shipping-items-area div.shipping-item-wrapper {
border-top: solid 1px #ddd; }
div.shipping-items-area div.shipping-item-wrapper div.shipping-item-div {
display: grid;
grid-template-columns: 2rem 4rem 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
/* no, img, maker, name, model_number, product_code */
padding: 0.5rem 0 0 0;
font-size: 14px; }
div.shipping-items-area div.shipping-item-wrapper div.shipping-item-div .item-no {
grid-column: 1 / 2;
grid-row: 1 / 3;
padding: 20px 5px 0px 0px;
text-align: center; }
div.shipping-items-area div.shipping-item-wrapper div.shipping-item-div .item-image-holder {
grid-column: 2 / 3;
grid-row: 1 / 3; }
div.shipping-items-area div.shipping-item-wrapper div.shipping-item-div .item-image-holder img.item-image {
width: 4rem;
height: 4rem;
-o-object-fit: cover;
object-fit: cover; }
div.shipping-items-area div.shipping-item-wrapper div.shipping-item-div .item-maker-name {
grid-column: 3 / 4;
grid-row: 1 / 2;
padding: 5px 5px 5px 5px;
word-break: break-all; }
div.shipping-items-area div.shipping-item-wrapper div.shipping-item-div .item-name {
grid-column: 4 / 6;
grid-row: 1 / 2;
padding: 5px 5px 5px 5px;
word-break: break-all; }
div.shipping-items-area div.shipping-item-wrapper div.shipping-item-div .item-model-number {
grid-column: 6 / 7;
grid-row: 1 / 2;
padding: 5px 5px 5px 5px;
word-break: break-all; }
div.shipping-items-area div.shipping-item-wrapper div.shipping-item-div .item-product-code {
grid-column: 7 / 8;
grid-row: 1 / 2;
padding: 5px 5px 5px 5px;
word-break: break-all; }
div.shipping-items-area div.shipping-item-wrapper div.shipping-item-div .item-spec {
grid-column: 8 / 9;
grid-row: 1 / 2;
padding: 5px 5px 5px 5px;
word-break: break-all; }
div.shipping-items-area div.shipping-item-wrapper div.shipping-item-div .item-unit-number {
grid-column: 9 / 10;
grid-row: 1 / 2;
padding: 5px 15px 5px 5px;
word-break: break-all;
text-align: right; }
div.shipping-items-area div.shipping-item-wrapper div.shipping-item-div .item-stock-amount {
grid-column: 3 / 4;
grid-row: 2 / 3;
display: flex;
justify-content: space-between; }
div.shipping-items-area div.shipping-item-wrapper div.shipping-item-div .item-stock-amount .grid-label {
padding: 5px 0px 5px 5px;
color: #666666; }
div.shipping-items-area div.shipping-item-wrapper div.shipping-item-div .item-stock-amount .grid-value {
text-align: right;
padding: 5px 15px 5px 5px; }
div.shipping-items-area div.shipping-item-wrapper div.shipping-item-div .shipping-details-div {
grid-column: 1 / -1;
grid-row: 3 / 4;
padding-left: 3px;
padding-top: 5px;
display: grid;
grid-template-columns: repeat(3, 1fr); }
div.shipping-items-area div.shipping-item-wrapper div.shipping-item-div .shipping-details-div .item-shipping-amount {
grid-column: 1 / 2;
grid-row: 1 / 2;
display: flex;
word-break: break-all; }
div.shipping-items-area div.shipping-item-wrapper div.shipping-item-div .shipping-details-div .item-shipping-amount .grid-label {
width: 60%;
padding: 5px 0px 5px 5px;
background-color: #DBE6F0;
border-top: 1px solid #93B8B6;
border-bottom: 1px solid #93B8B6;
border-right: 1px solid #93B8B6;
border-left: 1px solid #93B8B6;
display: flex;
align-items: center; }
div.shipping-items-area div.shipping-item-wrapper div.shipping-item-div .shipping-details-div .item-shipping-amount .grid-value {
width: 40%;
padding: 5px 15px 5px 5px;
background-color: #fff;
border-top: 1px solid #93B8B6;
border-bottom: 1px solid #93B8B6;
border-right: 1px solid #93B8B6;
display: flex;
align-items: center;
justify-content: right; }
div.shipping-items-area div.shipping-item-wrapper div.shipping-item-div .shipping-details-div .item-stock-amount {
grid-column: 2 / 3;
grid-row: 1 / 2;
display: flex;
word-break: break-all; }
div.shipping-items-area div.shipping-item-wrapper div.shipping-item-div .shipping-details-div .item-stock-amount .grid-label {
width: 60%;
padding: 5px 0px 5px 5px;
background-color: #DBE6F0;
border-top: 1px solid #93B8B6;
border-bottom: 1px solid #93B8B6;
border-right: 1px solid #93B8B6;
display: flex;
align-items: center; }
div.shipping-items-area div.shipping-item-wrapper div.shipping-item-div .shipping-details-div .item-stock-amount .grid-value {
width: 40%;
padding: 5px 15px 5px 5px;
background-color: #fff;
border-top: 1px solid #93B8B6;
border-bottom: 1px solid #93B8B6;
border-right: 1px solid #93B8B6;
display: flex;
align-items: center;
justify-content: right; }
div.shipping-items-area div.shipping-item-wrapper div.shipping-item-div .shipping-details-div .shipping-departments {
grid-column: 1 / -1;
grid-row: 2 / 3;
display: flex;
word-break: break-all;
padding-top: 5px; }
div.shipping-items-area div.shipping-item-wrapper div.shipping-item-div .shipping-details-div .shipping-departments .shipping-dept-title {
width: 20%;
padding: 5px 0px 5px 5px;
background-color: #DBE6F0;
border-top: 1px solid #93B8B6;
border-bottom: 1px solid #93B8B6;
border-right: 1px solid #93B8B6;
border-left: 1px solid #93B8B6;
display: flex;
align-items: center; }
div.shipping-items-area div.shipping-item-wrapper div.shipping-item-div .shipping-details-div .shipping-departments .shipping-depts {
width: 80%;
display: grid;
grid-template-columns: repeat(1, 1fr); }
div.shipping-items-area div.shipping-item-wrapper div.shipping-item-div .shipping-details-div .shipping-departments .shipping-depts .shipping-item-dept {
display: flex;
word-break: break-all; }
div.shipping-items-area div.shipping-item-wrapper div.shipping-item-div .shipping-details-div .shipping-departments .shipping-depts .shipping-item-dept .shipping-item-dept-name {
width: 35%;
padding: 5px 0px 5px 5px;
color: #666666;
border-top: 1px solid #ddd;
border-bottom: 1px solid #ddd;
background-color: #f5f5f5;
display: flex;
align-items: center; }
div.shipping-items-area div.shipping-item-wrapper div.shipping-item-div .shipping-details-div .shipping-departments .shipping-depts .shipping-item-dept .shipping-item-dept-amount {
width: 15%;
padding: 5px 15px 5px 5px;
border-top: 1px solid #ddd;
border-bottom: 1px solid #ddd;
border-right: 1px solid #ddd;
border-left: 1px solid #ddd;
display: flex;
align-items: center;
justify-content: right;
background-color: #fff; }
div.shipping-items-area div.shipping-item-expired-at-wrapper div.shipping-item-div {
display: grid;
grid-template-columns: 2rem 4rem 1fr 1fr 1fr 1fr 1fr 1fr 1fr; }
div.shipping-items-area div.shipping-item-expired-at-wrapper div.shipping-item-div .shipping-details-div {
grid-column: 1 / -1;
grid-row: 3 / 4;
padding-left: 3px;
display: grid;
grid-template-columns: repeat(3, 1fr); }
div.shipping-items-area div.shipping-item-expired-at-wrapper div.shipping-item-div .shipping-details-div .item-expired-at {
grid-column: 1 / 2;
grid-row: 1 / 2;
display: flex;
word-break: break-all; }
div.shipping-items-area div.shipping-item-expired-at-wrapper div.shipping-item-div .shipping-details-div .item-expired-at .grid-label {
width: 60%;
padding: 5px 0px 5px 5px;
background-color: #D4E6E6;
border-top: 1px solid #93B8B6;
border-bottom: 1px solid #93B8B6;
border-right: 1px solid #93B8B6;
border-left: 1px solid #93B8B6;
display: flex;
align-items: center; }
div.shipping-items-area div.shipping-item-expired-at-wrapper div.shipping-item-div .shipping-details-div .item-expired-at .grid-value {
width: 40%;
padding: 5px 15px 5px 5px;
background-color: #fff;
border-top: 1px solid #93B8B6;
border-bottom: 1px solid #93B8B6;
border-right: 1px solid #93B8B6;
display: flex;
align-items: center;
justify-content: right; }
div.shipping-items-area div.shipping-item-expired-at-wrapper div.shipping-item-div .shipping-details-div .item-stock-amount {
grid-column: 2 / 3;
grid-row: 1 / 2;
display: flex;
word-break: break-all; }
div.shipping-items-area div.shipping-item-expired-at-wrapper div.shipping-item-div .shipping-details-div .item-stock-amount .grid-label {
width: 60%;
padding: 5px 0px 5px 5px;
background-color: #D4E6E6;
border-top: 1px solid #93B8B6;
border-bottom: 1px solid #93B8B6;
border-right: 1px solid #93B8B6;
display: flex;
align-items: center; }
div.shipping-items-area div.shipping-item-expired-at-wrapper div.shipping-item-div .shipping-details-div .item-stock-amount .grid-value {
width: 40%;
padding: 5px 15px 5px 5px;
background-color: #fff;
border-top: 1px solid #93B8B6;
border-bottom: 1px solid #93B8B6;
border-right: 1px solid #93B8B6;
display: flex;
align-items: center;
justify-content: right; }
div.shipping-items-area div.shipping-item-expired-at-wrapper div.shipping-item-div .shipping-details-div .shipping-departments {
grid-column: 1 / -1;
grid-row: 2 / 3;
display: flex;
word-break: break-all;
padding-top: 5px; }
div.shipping-items-area div.shipping-item-expired-at-wrapper div.shipping-item-div .shipping-details-div .shipping-departments .shipping-dept-title {
width: 20%;
padding: 5px 0px 5px 5px;
background-color: #D4E6E6;
border-top: 1px solid #93B8B6;
border-bottom: 1px solid #93B8B6;
border-right: 1px solid #93B8B6;
border-left: 1px solid #93B8B6;
display: flex;
align-items: center; }
div.shipping-items-area div.shipping-item-expired-at-wrapper div.shipping-item-div .shipping-details-div .shipping-departments .shipping-depts {
width: 80%;
display: grid;
grid-template-columns: repeat(1, 1fr); }
div.shipping-items-area div.shipping-item-expired-at-wrapper div.shipping-item-div .shipping-details-div .shipping-departments .shipping-depts .shipping-item-dept {
display: flex;
word-break: break-all; }
div.shipping-items-area div.shipping-item-expired-at-wrapper div.shipping-item-div .shipping-details-div .shipping-departments .shipping-depts .shipping-item-dept .shipping-item-dept-name {
width: 35%;
padding: 5px 0px 5px 5px;
color: #666666;
border-top: 1px solid #ddd;
border-bottom: 1px solid #ddd;
background-color: #f5f5f5;
display: flex;
align-items: center; }
div.shipping-items-area div.shipping-item-expired-at-wrapper div.shipping-item-div .shipping-details-div .shipping-departments .shipping-depts .shipping-item-dept .shipping-item-dept-amount {
width: 15%;
padding: 5px 15px 5px 5px;
border-top: 1px solid #ddd;
border-bottom: 1px solid #ddd;
border-right: 1px solid #ddd;
border-left: 1px solid #ddd;
display: flex;
align-items: center;
justify-content: right;
background-color: #fff; }
div.shipping-request-items-area {
border-bottom: 1px solid #ddd; }
div.shipping-request-items-area div.shipping-item-wrapper {
border-top: solid 1px #ddd; }
div.shipping-request-items-area div.shipping-item-wrapper div.shipping-item-div {
display: grid;
grid-template-columns: 2rem 4rem 7rem 1fr 1fr 1fr 1fr 1fr 1fr;
/* no, img, maker, name, model_number, product_code */
padding: 0.5rem 0 0.5rem 0;
font-size: 14px; }
div.shipping-request-items-area div.shipping-item-wrapper div.shipping-item-div .item-no {
grid-column: 1 / 2;
grid-row: 1 / 3;
padding: 20px 5px 0px 0px;
text-align: center; }
div.shipping-request-items-area div.shipping-item-wrapper div.shipping-item-div .item-image-holder {
grid-column: 2 / 3;
grid-row: 1 / 3; }
div.shipping-request-items-area div.shipping-item-wrapper div.shipping-item-div .item-image-holder img.item-image {
width: 4rem;
height: 4rem;
-o-object-fit: cover;
object-fit: cover; }
div.shipping-request-items-area div.shipping-item-wrapper div.shipping-item-div .item-maker-name {
grid-column: 3 / 4;
grid-row: 1 / 2;
padding: 5px 5px 5px 5px;
word-break: break-all; }
div.shipping-request-items-area div.shipping-item-wrapper div.shipping-item-div .item-name {
grid-column: 4 / 6;
grid-row: 1 / 2;
padding: 5px 5px 5px 5px;
word-break: break-all; }
div.shipping-request-items-area div.shipping-item-wrapper div.shipping-item-div .item-model-number {
grid-column: 6 / 7;
grid-row: 1 / 2;
padding: 5px 5px 5px 5px;
word-break: break-all; }
div.shipping-request-items-area div.shipping-item-wrapper div.shipping-item-div .item-product-code {
grid-column: 7 / 8;
grid-row: 1 / 2;
padding: 5px 5px 5px 5px;
word-break: break-all;
padding: 5px 5px 5px 5px; }
div.shipping-request-items-area div.shipping-item-wrapper div.shipping-item-div .item-spec {
grid-column: 8 / 9;
grid-row: 1 / 2;
padding: 5px 5px 5px 5px;
word-break: break-all; }
div.shipping-request-items-area div.shipping-item-wrapper div.shipping-item-div .item-unit-number {
grid-column: 9 / 10;
grid-row: 1 / 2;
padding: 5px 15px 5px 5px;
word-break: break-all;
text-align: right; }
div.shipping-request-items-area div.shipping-item-wrapper div.shipping-item-div .shipping-details-div {
grid-column: 1 / -1;
grid-row: 3 / 4;
padding-left: 3px;
padding-top: 5px;
display: grid;
grid-template-columns: repeat(3, 1fr); }
div.shipping-request-items-area div.shipping-item-wrapper div.shipping-item-div .shipping-details-div .item-stock-amount {
grid-column: 2 / 3;
grid-row: 2 / 3;
display: flex;
justify-content: space-between; }
div.shipping-request-items-area div.shipping-item-wrapper div.shipping-item-div .shipping-details-div .item-stock-amount .grid-label {
padding: 5px 0px 5px 5px;
color: #666666; }
div.shipping-request-items-area div.shipping-item-wrapper div.shipping-item-div .shipping-details-div .item-stock-amount .grid-value {
text-align: right;
padding: 5px 15px 5px 5px; }
div.shipping-request-items-area div.shipping-item-wrapper div.shipping-item-div .shipping-details-div .item-shipping-amount {
grid-column: 1 / 2;
grid-row: 1 / 2;
display: flex;
word-break: break-all; }
div.shipping-request-items-area div.shipping-item-wrapper div.shipping-item-div .shipping-details-div .item-shipping-amount .grid-label {
width: 60%;
padding: 5px 0px 5px 5px;
background-color: #DBE6F0;
border-top: 1px solid #93B8B6;
border-bottom: 1px solid #93B8B6;
border-right: 1px solid #93B8B6;
border-left: 1px solid #93B8B6;
display: flex;
align-items: center; }
div.shipping-request-items-area div.shipping-item-wrapper div.shipping-item-div .shipping-details-div .item-shipping-amount .grid-value {
width: 40%;
padding: 5px 15px 5px 5px;
background-color: #fff;
border-top: 1px solid #93B8B6;
border-bottom: 1px solid #93B8B6;
border-right: 1px solid #93B8B6;
display: flex;
align-items: center;
justify-content: right; }
div.shipping-request-items-area div.shipping-item-wrapper div.shipping-item-div .shipping-details-div .shipping-departments {
grid-column: 1 / -1;
grid-row: 2 / 3;
display: flex;
word-break: break-all;
padding-top: 5px; }
div.shipping-request-items-area div.shipping-item-wrapper div.shipping-item-div .shipping-details-div .shipping-departments .shipping-dept-title {
width: 20%;
padding: 5px 0px 5px 5px;
background-color: #DBE6F0;
border-top: 1px solid #93B8B6;
border-bottom: 1px solid #93B8B6;
border-right: 1px solid #93B8B6;
border-left: 1px solid #93B8B6;
display: flex;
align-items: center; }
div.shipping-request-items-area div.shipping-item-wrapper div.shipping-item-div .shipping-details-div .shipping-departments .shipping-depts {
width: 80%;
display: grid;
grid-template-columns: repeat(1, 1fr); }
div.shipping-request-items-area div.shipping-item-wrapper div.shipping-item-div .shipping-details-div .shipping-departments .shipping-depts .shipping-item-dept {
display: flex;
word-break: break-all; }
div.shipping-request-items-area div.shipping-item-wrapper div.shipping-item-div .shipping-details-div .shipping-departments .shipping-depts .shipping-item-dept .shipping-item-dept-name {
width: 35%;
padding: 5px 0px 5px 5px;
color: #666666;
border-top: 1px solid #ddd;
border-bottom: 1px solid #ddd;
background-color: #f5f5f5;
display: flex;
align-items: center; }
div.shipping-request-items-area div.shipping-item-wrapper div.shipping-item-div .shipping-details-div .shipping-departments .shipping-depts .shipping-item-dept .shipping-item-dept-amount {
width: 15%;
padding: 5px 5px 5px 5px;
border-top: 1px solid #ddd;
border-bottom: 1px solid #ddd;
border-left: 1px solid #ddd;
border-right: 1px solid #ddd;
display: flex;
align-items: center;
justify-content: right;
background-color: #fff; }
div.shipping-group-items-area {
border-bottom: 1px solid #ddd; }
div.shipping-group-items-area div.shipping-item-wrapper {
border-top: solid 1px #ddd; }
div.shipping-group-items-area div.shipping-item-wrapper div.shipping-item-div {
display: grid;
grid-template-columns: 2rem 4rem 7rem 1fr 1fr 1fr 1fr 1fr 1fr;
/* no, img, maker, name, model_number, product_code */
padding: 0.5rem 0 0.5rem 0;
font-size: 14px; }
div.shipping-group-items-area div.shipping-item-wrapper div.shipping-item-div .item-no {
grid-column: 1 / 2;
grid-row: 1 / 3;
padding: 20px 5px 0px 0px;
text-align: center; }
div.shipping-group-items-area div.shipping-item-wrapper div.shipping-item-div .item-image-holder {
grid-column: 2 / 3;
grid-row: 1 / 3; }
div.shipping-group-items-area div.shipping-item-wrapper div.shipping-item-div .item-image-holder img.item-image {
width: 4rem;
height: 4rem;
-o-object-fit: cover;
object-fit: cover; }
div.shipping-group-items-area div.shipping-item-wrapper div.shipping-item-div .item-maker-name {
grid-column: 3 / 4;
grid-row: 1 / 2;
padding: 5px 5px 5px 5px;
word-break: break-all; }
div.shipping-group-items-area div.shipping-item-wrapper div.shipping-item-div .item-name {
grid-column: 4 / 6;
grid-row: 1 / 2;
padding: 5px 5px 5px 5px;
word-break: break-all; }
div.shipping-group-items-area div.shipping-item-wrapper div.shipping-item-div .item-model-number {
grid-column: 6 / 7;
grid-row: 1 / 2;
padding: 5px 5px 5px 5px;
word-break: break-all; }
div.shipping-group-items-area div.shipping-item-wrapper div.shipping-item-div .item-product-code {
grid-column: 7 / 8;
grid-row: 1 / 2;
padding: 5px 5px 5px 5px;
word-break: break-all; }
div.shipping-group-items-area div.shipping-item-wrapper div.shipping-item-div .item-spec {
grid-column: 8 / 9;
grid-row: 1 / 2;
word-break: break-all;
padding: 5px 5px 5px 5px; }
div.shipping-group-items-area div.shipping-item-wrapper div.shipping-item-div .item-unit-number {
grid-column: 9 / 10;
grid-row: 1 / 2;
padding: 5px 15px 5px 5px;
word-break: break-all;
text-align: right; }
div.shipping-group-items-area div.shipping-item-wrapper div.shipping-item-div .shipping-details-div {
grid-column: 1 / -1;
grid-row: 3 / 4;
padding-left: 3px;
padding-top: 5px;
display: grid;
grid-template-columns: repeat(3, 1fr); }
div.shipping-group-items-area div.shipping-item-wrapper div.shipping-item-div .shipping-details-div .item-stock-amount {
grid-column: 1 / 2;
grid-row: 1 / 2;
display: flex;
word-break: break-all; }
div.shipping-group-items-area div.shipping-item-wrapper div.shipping-item-div .shipping-details-div .item-stock-amount .grid-label {
width: 60%;
padding: 5px 0px 5px 5px;
background-color: #DBE6F0;
border-top: 1px solid #93B8B6;
border-bottom: 1px solid #93B8B6;
border-right: 1px solid #93B8B6;
border-left: 1px solid #93B8B6;
display: flex;
align-items: center; }
div.shipping-group-items-area div.shipping-item-wrapper div.shipping-item-div .shipping-details-div .item-stock-amount .grid-value {
width: 40%;
padding: 5px 15px 5px 5px;
background-color: #fff;
border-top: 1px solid #93B8B6;
border-bottom: 1px solid #93B8B6;
border-right: 1px solid #93B8B6;
display: flex;
align-items: center;
justify-content: right; }
div.shipping-group-items-area div.shipping-item-wrapper div.shipping-item-div .shipping-details-div .item-shipping-amount {
grid-column: 2 / 3;
grid-row: 1 / 2;
display: flex;
word-break: break-all; }
div.shipping-group-items-area div.shipping-item-wrapper div.shipping-item-div .shipping-details-div .item-shipping-amount .grid-label {
width: 60%;
padding: 5px 0px 5px 5px;
background-color: #DBE6F0;
border-top: 1px solid #93B8B6;
border-bottom: 1px solid #93B8B6;
border-right: 1px solid #93B8B6;
display: flex;
align-items: center; }
div.shipping-group-items-area div.shipping-item-wrapper div.shipping-item-div .shipping-details-div .item-shipping-amount .grid-value {
width: 40%;
padding: 5px 15px 5px 5px;
background-color: #fff;
border-top: 1px solid #93B8B6;
border-bottom: 1px solid #93B8B6;
border-right: 1px solid #93B8B6;
display: flex;
align-items: center;
justify-content: right; }
div.shipping-supp-appl-header {
position: sticky;
top: 0;
z-index: 50;
display: grid;
grid-template-columns: 3rem 1fr 7rem 8rem 1fr 1fr 1fr;
font-size: 14px;
border-bottom: solid 1px #ddd;
background-color: #f5f5f5; }
div.shipping-supp-appl-header .no {
grid-column: 1/ 2;
padding: 5px; }
div.shipping-supp-appl-header .user-name {
grid-column: 2 / 3;
padding: 5px; }
div.shipping-supp-appl-header .amount {
grid-column: 3 / 4;
padding: 5px; }
div.shipping-supp-appl-header .applied-at {
grid-column: 4 / 5;
padding: 5px; }
div.shipping-supp-appl-header .note {
grid-column: 5 / -1;
padding: 5px; }
div.shipping-supp-appl-item-div {
display: grid;
grid-template-columns: 3rem 1fr 7rem 8rem 1fr 1fr 1fr;
margin: 2px 0px;
font-size: 14px;
border-bottom: 1px solid #93B8B6; }
div.shipping-supp-appl-item-div .no {
grid-column: 1 / 2;
grid-row: 1;
padding: 5px;
text-align: center; }
div.shipping-supp-appl-item-div .user-name {
grid-column: 2 / 3;
padding: 5px;
word-break: break-all; }
div.shipping-supp-appl-item-div .amount {
grid-column: 3 / 4;
grid-row: 1;
padding: 5px 30px 5px 5px;
text-align: right;
word-break: break-all; }
div.shipping-supp-appl-item-div .applied-at {
grid-column: 4 / 5;
grid-row: 1;
padding: 5px;
word-break: break-all; }
div.shipping-supp-appl-item-div .note {
grid-column: 5 / -1;
grid-row: 1;
padding: 5px;
word-break: break-all; }
div.shipping-supp-appl-item-div .supp-appl-patients-title {
grid-column: 2 / 3;
grid-row: 2 / 3; }
div.shipping-supp-appl-item-div .supp-appl-patients-wrapper {
grid-column: 1 / -1;
grid-row: 3; }
div.shipping-supp-appl-item-div .supp-appl-patients-wrapper div.supp-appl-patients-div .supp-appl-patients-header {
display: grid;
grid-template-columns: 1fr 1fr 1fr 14rem; }
div.shipping-supp-appl-item-div .supp-appl-patients-wrapper div.supp-appl-patients-div .supp-appl-patients-header .patient-user-name {
grid-column: 1 / 2;
padding: 0 5px 0 5px;
background-color: #DBE6F0;
border-top: 1px solid #93B8B6;
border-bottom: 1px solid #93B8B6;
border-left: 1px solid #93B8B6;
border-right: 1px solid #ddd; }
div.shipping-supp-appl-item-div .supp-appl-patients-wrapper div.supp-appl-patients-div .supp-appl-patients-header .patient-id {
grid-column: 2 / 3;
padding: 0 5px 0 5px;
background-color: #DBE6F0;
border-top: 1px solid #93B8B6;
border-bottom: 1px solid #93B8B6;
border-right: 1px solid #ddd; }
div.shipping-supp-appl-item-div .supp-appl-patients-wrapper div.supp-appl-patients-div .supp-appl-patients-header .patient-amount {
grid-column: 3 / 4;
padding: 0 5px 0 5px;
background-color: #DBE6F0;
border-top: 1px solid #93B8B6;
border-bottom: 1px solid #93B8B6;
border-right: 1px solid #ddd; }
div.shipping-supp-appl-item-div .supp-appl-patients-wrapper div.supp-appl-patients-div .supp-appl-patients-header .patient-term {
grid-column: 4 / 5;
padding: 0 5px 0 5px;
background-color: #DBE6F0;
border-top: 1px solid #93B8B6;
border-bottom: 1px solid #93B8B6;
border-right: 1px solid #93B8B6; }
div.shipping-supp-appl-item-div .supp-appl-patients-wrapper div.supp-appl-patients-div .supp-appl-patients {
display: grid;
grid-template-columns: 1fr 1fr 1fr 14rem; }
div.shipping-supp-appl-item-div .supp-appl-patients-wrapper div.supp-appl-patients-div .supp-appl-patients .patient-user-name {
grid-column: 1 / 2;
padding: 5px 15px 5px 5px;
border-bottom: 1px solid #ddd;
border-left: 1px solid #93B8B6;
border-right: 1px solid #ddd;
display: flex;
align-items: center; }
div.shipping-supp-appl-item-div .supp-appl-patients-wrapper div.supp-appl-patients-div .supp-appl-patients .patient-id {
grid-column: 2 / 3;
padding: 5px 25px 5px 5px;
border-bottom: 1px solid #ddd;
border-right: 1px solid #ddd;
display: flex;
align-items: center;
justify-content: right; }
div.shipping-supp-appl-item-div .supp-appl-patients-wrapper div.supp-appl-patients-div .supp-appl-patients .patient-amount {
grid-column: 3 / 4;
padding: 5px 35px 5px 5px;
border-bottom: 1px solid #ddd;
border-right: 1px solid #ddd;
display: flex;
align-items: center;
justify-content: right; }
div.shipping-supp-appl-item-div .supp-appl-patients-wrapper div.supp-appl-patients-div .supp-appl-patients .patient-term {
grid-column: 4 / 5;
padding: 5px 15px 5px 5px;
border-bottom: 1px solid #ddd;
border-right: 1px solid #93B8B6;
display: flex;
align-items: center; }
.shipping-invoice-header {
position: sticky;
top: 0;
z-index: 50;
display: grid;
grid-template-columns: 2rem 4rem repeat(8, 1fr) 3rem;
font-size: 14px;
border-bottom: solid 1px #ddd;
background-color: #f5f5f5; }
.shipping-invoice-header .item-no {
grid-column: 1 / 3;
grid-row: 1 / 3;
padding: 5px 5px 5px 5px; }
.shipping-invoice-header .item-maker-name {
grid-column: 3 / 4;
grid-row: 1 / 2;
padding: 5px 5px 5px 5px; }
.shipping-invoice-header .item-name {
grid-column: 4 / 7;
grid-row: 1 / 2;
padding: 5px 5px 5px 5px; }
.shipping-invoice-header .item-model-number {
grid-column: 7 / 8;
grid-row: 1 / 2;
padding: 5px 5px 5px 5px; }
.shipping-invoice-header .item-product-code {
grid-column: 8 / 9;
grid-row: 1 / 2;
padding: 5px 5px 5px 5px; }
.shipping-invoice-header .item-spec {
grid-column: 9 / 10;
grid-row: 1 / 2;
padding: 5px 5px 5px 5px; }
.shipping-invoice-header .item-unit-number {
grid-column: 10 / 11;
grid-row: 1 / 2;
padding: 5px 5px 5px 5px; }
.shipping-invoice-header .item-tax-rate {
grid-column: 11 / 12;
grid-row: 1 / 2;
padding: 5px 5px 5px 5px; }
.shipping-invoice-item-wrapper {
padding-bottom: 10px;
border-bottom: solid 1px #ddd; }
div.shipping-invoice-item-div {
display: grid;
grid-template-columns: 2rem 4rem repeat(8, 1fr) 3rem;
/* no, img, maker, name, model_number, product_code */
padding: 0.5rem 0 0.5rem 0;
font-size: 14px;
/* ここまでが1行目(Noと画像だけは2行目にもかかる) */ }
div.shipping-invoice-item-div .item-no {
grid-column: 1 / 2;
grid-row: 1 / 3;
padding: 20px 5px 0px 0px;
text-align: center; }
div.shipping-invoice-item-div .item-image-holder {
grid-column: 2 / 3;
grid-row: 1 / 3; }
div.shipping-invoice-item-div .item-image-holder img.item-image {
width: 4rem;
height: 4rem;
-o-object-fit: cover;
object-fit: cover; }
div.shipping-invoice-item-div .item-maker-name {
grid-column: 3 / 4;
grid-row: 1 / 2;
padding: 5px 5px 5px 5px;
word-break: break-all; }
div.shipping-invoice-item-div .item-name {
grid-column: 4 / 7;
grid-row: 1 / 2;
padding: 5px 5px 5px 5px;
word-break: break-all; }
div.shipping-invoice-item-div .item-model-number {
grid-column: 7 / 8;
grid-row: 1 / 2;
padding: 5px 5px 5px 5px;
word-break: break-all; }
div.shipping-invoice-item-div .item-product-code {
grid-column: 8 / 9;
grid-row: 1 / 2;
padding: 5px 5px 5px 5px;
word-break: break-all; }
div.shipping-invoice-item-div .item-spec {
grid-column: 9 / 10;
grid-row: 1 / 2;
padding: 5px 5px 5px 5px;
word-break: break-all; }
div.shipping-invoice-item-div .item-unit-number {
grid-column: 10 / 11;
grid-row: 1 / 2;
padding: 5px 20px 5px 5px;
word-break: break-all;
text-align: right; }
div.shipping-invoice-item-div .item-tax-rate {
grid-column: 11 / 12;
grid-row: 1 / 2;
padding: 5px 5px 5px 5px;
display: flex;
justify-content: space-between; }
/* 2行目 */
div.shipping-invoice-details-div {
grid-column: 1 / 10;
display: grid;
grid-template-columns: repeat(3, 1fr); }
div.shipping-invoice-details-div .item-amount {
grid-column: 1 / 2;
display: flex;
word-break: break-all;
padding-left: 3px; }
div.shipping-invoice-details-div .item-amount .grid-label {
width: 40%;
padding: 5px 0px 5px 5px;
background-color: #DBE6F0;
border-top: 1px solid #93B8B6;
border-bottom: 1px solid #93B8B6;
border-right: 1px solid #93B8B6;
border-left: 1px solid #93B8B6;
display: flex;
align-items: center; }
div.shipping-invoice-details-div .item-amount .grid-value {
width: 60%;
padding: 5px 15px 5px 5px;
background-color: #fff;
border-top: 1px solid #93B8B6;
border-bottom: 1px solid #93B8B6;
border-right: 1px solid #93B8B6;
display: flex;
align-items: center;
justify-content: right; }
div.shipping-invoice-details-div .item-unit-price {
grid-column: 2 / 3;
display: flex;
word-break: break-all; }
div.shipping-invoice-details-div .item-unit-price .grid-label {
width: 40%;
padding: 5px 0px 5px 5px;
background-color: #DBE6F0;
border-top: 1px solid #93B8B6;
border-bottom: 1px solid #93B8B6;
border-right: 1px solid #93B8B6;
display: flex;
align-items: center; }
div.shipping-invoice-details-div .item-unit-price .grid-value {
width: 60%;
padding: 5px 15px 5px 5px;
background-color: #fff;
border-top: 1px solid #93B8B6;
border-bottom: 1px solid #93B8B6;
border-right: 1px solid #93B8B6;
display: flex;
align-items: center;
justify-content: right; }
div.shipping-invoice-details-div .item-total-price {
grid-column: 3 / 4;
display: flex;
word-break: break-all; }
div.shipping-invoice-details-div .item-total-price .grid-label {
width: 40%;
padding: 5px 0px 5px 5px;
background-color: #DBE6F0;
border-top: 1px solid #93B8B6;
border-bottom: 1px solid #93B8B6;
border-right: 1px solid #93B8B6;
display: flex;
align-items: center; }
div.shipping-invoice-details-div .item-total-price .grid-value {
width: 60%;
padding: 5px 15px 5px 5px;
background-color: #fff;
border-top: 1px solid #93B8B6;
border-bottom: 1px solid #93B8B6;
border-right: 1px solid #93B8B6;
display: flex;
align-items: center;
justify-content: right; }
div.shipping-invoice-total-wrapper {
display: grid;
grid-template-columns: 2rem 4rem repeat(4, 1fr) 0.5fr 0.5fr 1fr 3rem; }
div.shipping-invoice-total-wrapper .shipping-invoice-total-div {
grid-column: 3 / -1;
display: grid;
grid-template-columns: repeat(4, 1fr); }
div.shipping-invoice-total-wrapper .shipping-invoice-total-div .shipping-invoice-subtotal-price {
grid-column: 4 / 5;
grid-row: 1 / 2;
display: flex;
word-break: break-all;
padding-top: 10px; }
div.shipping-invoice-total-wrapper .shipping-invoice-total-div .shipping-invoice-subtotal-price .grid-label {
width: 40%;
padding: 5px 0px 5px 5px;
background-color: #DBE6F0;
border-top: 1px solid #93B8B6;
border-right: 1px solid #93B8B6;
border-left: 1px solid #93B8B6;
display: flex;
align-items: center; }
div.shipping-invoice-total-wrapper .shipping-invoice-total-div .shipping-invoice-subtotal-price .grid-value {
width: 60%;
padding: 5px 15px 5px 5px;
background-color: #fff;
border-top: 1px solid #93B8B6;
border-right: 1px solid #93B8B6;
display: flex;
align-items: center;
justify-content: right; }
div.shipping-invoice-total-wrapper .shipping-invoice-total-div .shipping-invoice-total-tax-price {
grid-column: 4 / 5;
grid-row: 2 / 3;
display: flex;
word-break: break-all; }
div.shipping-invoice-total-wrapper .shipping-invoice-total-div .shipping-invoice-total-tax-price .grid-label {
width: 40%;
padding: 5px 0px 5px 5px;
background-color: #DBE6F0;
border-top: 1px solid #93B8B6;
border-right: 1px solid #93B8B6;
border-left: 1px solid #93B8B6;
display: flex;
align-items: center; }
div.shipping-invoice-total-wrapper .shipping-invoice-total-div .shipping-invoice-total-tax-price .grid-value {
width: 60%;
padding: 5px 15px 5px 5px;
background-color: #fff;
border-top: 1px solid #93B8B6;
border-right: 1px solid #93B8B6;
display: flex;
align-items: center;
justify-content: right; }
div.shipping-invoice-total-wrapper .shipping-invoice-total-div .shipping-invoice-total-price {
grid-column: 4 / 5;
grid-row: 3 / 4;
display: flex;
word-break: break-all; }
div.shipping-invoice-total-wrapper .shipping-invoice-total-div .shipping-invoice-total-price .grid-label {
width: 40%;
padding: 5px 0px 5px 5px;
background-color: #DBE6F0;
border-top: 1px solid #93B8B6;
border-bottom: 1px solid #93B8B6;
border-right: 1px solid #93B8B6;
border-left: 1px solid #93B8B6;
display: flex;
align-items: center; }
div.shipping-invoice-total-wrapper .shipping-invoice-total-div .shipping-invoice-total-price .grid-value {
width: 60%;
padding: 5px 15px 5px 5px;
background-color: #fff;
border-top: 1px solid #93B8B6;
border-bottom: 1px solid #93B8B6;
border-right: 1px solid #93B8B6;
display: flex;
align-items: center;
justify-content: right; }
div.delivery-qrcode-header {
position: sticky;
top: 0;
z-index: 50;
display: grid;
grid-template-columns: 2rem 4rem 1fr 1fr 1fr 1fr 1fr 1fr;
border-bottom: solid 1px #ddd;
background-color: #f5f5f5; }
div.delivery-qrcode-header .item-no {
grid-column: 1 / 3;
grid-row: 1 / 3;
padding: 5px 5px 5px 5px; }
div.delivery-qrcode-header .item-maker-name {
grid-column: 3 / 4;
grid-row: 1 / 2;
padding: 5px 5px 5px 5px; }
div.delivery-qrcode-header .item-name {
grid-column: 4 / 6;
grid-row: 1 / 2;
padding: 5px 5px 5px 5px; }
div.delivery-qrcode-header .item-model-number {
grid-column: 6 / 7;
grid-row: 1 / 2;
padding: 5px 5px 5px 5px; }
div.delivery-qrcode-header .item-product-code {
grid-column: 7 / 8;
grid-row: 1 / 2;
padding: 5px 5px 5px 5px; }
div.delivery-qrcode-header .item-spec {
grid-column: 8 / 9;
grid-row: 1 / 2;
padding: 5px 5px 5px 5px; }
div.delivery-qrcode-item-div {
display: grid;
grid-template-columns: 2rem 4rem 1fr 1fr 1fr 1fr 1fr 1fr;
/* no, maker, name, model_number, product_code, expired_at unit_number amount qrcode_amount */
padding: 0.5rem 0 0.5rem 0;
margin: 2px 0px;
font-size: 14px; }
div.delivery-qrcode-item-div .item-no {
grid-column: 1 / 2;
grid-row: 1 / 3;
padding: 20px 5px 0px 0px;
text-align: center; }
div.delivery-qrcode-item-div .item-image-holder {
grid-column: 2 / 3;
grid-row: 1 / 3; }
div.delivery-qrcode-item-div .item-image-holder img.item-image {
width: 4rem;
height: 4rem;
-o-object-fit: cover;
object-fit: cover; }
div.delivery-qrcode-item-div .item-maker-name {
grid-column: 3 / 4;
grid-row: 1 / 2;
padding: 5px 5px 5px 5px;
word-break: break-all; }
div.delivery-qrcode-item-div .item-name {
grid-column: 4 / 6;
grid-row: 1 / 2;
padding: 5px 5px 5px 5px;
word-break: break-all; }
div.delivery-qrcode-item-div .item-model-number {
grid-column: 6 / 7;
grid-row: 1 / 2;
padding: 5px 5px 5px 5px;
word-break: break-all; }
div.delivery-qrcode-item-div .item-product-code {
grid-column: 7 / 8;
grid-row: 1 / 2;
padding: 5px 5px 5px 5px;
word-break: break-all; }
div.delivery-qrcode-item-div .item-spec {
grid-column: 8 / 9;
grid-row: 1 / 2;
padding: 5px 5px 5px 5px;
word-break: break-all; }
div.delivery-qrcode-details-div {
grid-column: 1 / -1;
grid-row: 2 / 4;
display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr; }
div.delivery-qrcode-details-div .stock-expired-at {
grid-column: 1 / 2;
display: flex;
justify-content: space-between;
word-break: break-all; }
div.delivery-qrcode-details-div .stock-expired-at .grid-label {
width: 30%;
padding: 5px 0px 5px 5px;
background-color: #DBE6F0;
border-top: 1px solid #93B8B6;
border-bottom: 1px solid #93B8B6;
border-right: 1px solid #93B8B6;
border-left: 1px solid #93B8B6;
display: flex;
align-items: center; }
div.delivery-qrcode-details-div .stock-expired-at .grid-value {
text-align: right;
padding: 5px 15px 5px 5px;
width: 70%;
padding: 5px 15px 5px 5px;
background-color: #fff;
border-top: 1px solid #93B8B6;
border-bottom: 1px solid #93B8B6;
display: flex;
align-items: center;
justify-content: right; }
div.delivery-qrcode-details-div .item-unit-number {
grid-column: 2 / 3;
display: flex;
justify-content: space-between;
word-break: break-all; }
div.delivery-qrcode-details-div .item-unit-number .grid-label {
width: 40%;
padding: 5px 0px 5px 5px;
background-color: #DBE6F0;
border-top: 1px solid #93B8B6;
border-bottom: 1px solid #93B8B6;
border-left: 1px solid #93B8B6;
border-right: 1px solid #93B8B6;
display: flex;
align-items: center; }
div.delivery-qrcode-details-div .item-unit-number .grid-value {
text-align: right;
padding: 5px 15px 5px 5px;
width: 60%;
padding: 5px 15px 5px 5px;
background-color: #fff;
border-top: 1px solid #93B8B6;
border-bottom: 1px solid #93B8B6;
display: flex;
align-items: center;
justify-content: right; }
div.delivery-qrcode-details-div .stock-amount {
grid-column: 3 / 4;
display: flex;
justify-content: space-between;
word-break: break-all; }
div.delivery-qrcode-details-div .stock-amount .grid-label {
width: 40%;
padding: 5px 0px 5px 5px;
background-color: #DBE6F0;
border-top: 1px solid #93B8B6;
border-bottom: 1px solid #93B8B6;
border-left: 1px solid #93B8B6;
border-right: 1px solid #93B8B6;
display: flex;
align-items: center; }
div.delivery-qrcode-details-div .stock-amount .grid-value {
width: 60%;
padding: 5px 15px 5px 5px;
background-color: #fff;
border-top: 1px solid #93B8B6;
border-bottom: 1px solid #93B8B6;
display: flex;
align-items: center;
justify-content: right; }
div.delivery-qrcode-details-div .stock-qrcode-amount {
grid-column: 4 / 5;
display: flex;
justify-content: flex-end;
word-break: break-all; }
div.delivery-qrcode-details-div .stock-qrcode-amount .grid-label {
width: 40%;
padding: 5px 0px 5px 5px;
background-color: #DBE6F0;
border-top: 1px solid #93B8B6;
border-bottom: 1px solid #93B8B6;
border-left: 1px solid #93B8B6;
border-right: 1px solid #93B8B6;
display: flex;
align-items: center; }
div.delivery-qrcode-details-div .stock-qrcode-amount .grid-value {
text-align: right;
padding: 5px 15px 5px 5px;
width: 60%;
padding: 5px 15px 5px 5px;
background-color: #fff;
border-top: 1px solid #93B8B6;
border-bottom: 1px solid #93B8B6;
border-right: 1px solid #93B8B6;
display: flex;
align-items: center;
justify-content: right; }
div.order-header {
position: sticky;
top: 0;
z-index: 50;
display: grid;
grid-template-columns: 2rem 4rem 1fr 1fr 1fr 1fr 1fr 1fr;
font-size: 14px;
border-bottom: solid 1px #ddd;
background-color: #f5f5f5; }
div.order-header .item-no {
grid-column: 1 / 3;
grid-row: 1 / 3;
padding: 5px 5px 5px 5px; }
div.order-header .item-maker-name {
grid-column: 3 / 4;
grid-row: 1 / 2;
padding: 5px 5px 5px 5px; }
div.order-header .item-name {
grid-column: 4 / 6;
grid-row: 1 / 2;
padding: 5px 5px 5px 5px; }
div.order-header .item-model-number {
grid-column: 6 / 7;
grid-row: 1 / 2;
padding: 5px 5px 5px 5px; }
div.order-header .item-product-code {
grid-column: 7 / 8;
grid-row: 1 / 2;
padding: 5px 5px 5px 5px; }
div.order-header .item-spec {
grid-column: 8 / 9;
grid-row: 1 / 2;
padding: 5px 5px 5px 5px; }
div.order-btn-header {
background-color: white;
position: sticky;
top: 0;
z-index: 50;
height: 40px;
display: flex;
justify-content: flex-end; }
div.order-header.form-header {
top: 40px; }
div.order-item-wrapper {
border-bottom: solid 1px #ddd; }
div.order-item-wrapper .purc-appl-rejected-item {
background-color: lightgray; }
div.order-item-wrapper.search-target {
background-color: rgba(255, 255, 0, 0.2); }
div.order-item-div {
display: grid;
grid-template-columns: 2rem 4rem 1fr 1fr 1fr 1fr 1fr 1fr;
/* no, img, maker, name, model_number, product_code */
padding: 0.5rem 0 0.5rem 0;
margin: 2px 0px;
font-size: 14px; }
div.order-item-div .item-no {
grid-column: 1 / 2;
grid-row: 1 / 3;
padding: 20px 5px 0px 0px;
text-align: center; }
div.order-item-div .item-image-holder {
grid-column: 2 / 3;
grid-row: 1 / 3; }
div.order-item-div .item-image-holder img.item-image {
width: 4rem;
height: 4rem;
-o-object-fit: cover;
object-fit: cover; }
div.order-item-div .item-maker-name {
grid-column: 3 / 4;
grid-row: 1 / 2;
padding: 5px 5px 5px 5px;
word-break: break-all; }
div.order-item-div .item-name {
grid-column: 4 / 6;
grid-row: 1 / 2;
padding: 5px 5px 5px 5px;
word-break: break-all; }
div.order-item-div .item-model-number {
grid-column: 6 / 7;
grid-row: 1 / 2;
padding: 5px 5px 5px 5px;
word-break: break-all; }
div.order-item-div .item-product-code {
grid-column: 7 / 8;
grid-row: 1 / 2;
padding: 5px 5px 5px 5px;
word-break: break-all; }
div.order-item-div .item-spec {
grid-column: 8 / 9;
grid-row: 1 / 2;
padding: 5px 5px 5px 5px;
word-break: break-all; }
div.order-item-div .order-details-div {
grid-column: 1 / 9;
grid-row: 4 / 6;
display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr;
padding-top: 5px; }
div.order-item-div .order-details-div .order-item-amount {
grid-column: 1 / 2;
display: flex;
word-break: break-all;
padding-left: 3px; }
div.order-item-div .order-details-div .order-item-amount .grid-label {
width: 40%;
padding: 5px 0px 5px 5px;
background-color: #DBE6F0;
border-top: 1px solid #93B8B6;
border-bottom: 1px solid #93B8B6;
border-right: 1px solid #93B8B6;
border-left: 1px solid #93B8B6;
display: flex;
align-items: center; }
div.order-item-div .order-details-div .order-item-amount .grid-value {
width: 60%;
padding: 5px 15px 5px 5px;
background-color: #fff;
border-top: 1px solid #93B8B6;
border-bottom: 1px solid #93B8B6;
display: flex;
align-items: center;
justify-content: right; }
div.order-item-div .order-details-div .order-item-unit-number {
grid-column: 2 / 3;
display: flex;
word-break: break-all; }
div.order-item-div .order-details-div .order-item-unit-number .grid-label {
width: 40%;
padding: 5px 0px 5px 5px;
background-color: #DBE6F0;
border-top: 1px solid #93B8B6;
border-bottom: 1px solid #93B8B6;
border-left: 1px solid #93B8B6;
border-right: 1px solid #93B8B6;
display: flex;
align-items: center; }
div.order-item-div .order-details-div .order-item-unit-number .grid-value {
width: 60%;
padding: 5px 15px 5px 5px;
background-color: #fff;
border-top: 1px solid #93B8B6;
border-bottom: 1px solid #93B8B6;
display: flex;
align-items: center;
justify-content: right; }
div.order-item-div .order-details-div .order-item-unit-price {
grid-column: 3 / 4;
display: flex;
word-break: break-all; }
div.order-item-div .order-details-div .order-item-unit-price .grid-label {
width: 40%;
padding: 5px 0px 5px 5px;
background-color: #DBE6F0;
border-top: 1px solid #93B8B6;
border-bottom: 1px solid #93B8B6;
border-left: 1px solid #93B8B6;
border-right: 1px solid #93B8B6;
display: flex;
align-items: center; }
div.order-item-div .order-details-div .order-item-unit-price .grid-value {
width: 60%;
padding: 5px 15px 5px 5px;
background-color: #fff;
border-top: 1px solid #93B8B6;
border-bottom: 1px solid #93B8B6;
display: flex;
align-items: center;
justify-content: right; }
div.order-item-div .order-details-div .order-item-total-price {
grid-column: 4 / 5;
display: flex;
word-break: break-all; }
div.order-item-div .order-details-div .order-item-total-price .grid-label {
width: 40%;
padding: 5px 0px 5px 5px;
background-color: #DBE6F0;
border-top: 1px solid #93B8B6;
border-bottom: 1px solid #93B8B6;
border-left: 1px solid #93B8B6;
border-right: 1px solid #93B8B6;
display: flex;
align-items: center; }
div.order-item-div .order-details-div .order-item-total-price .grid-value {
width: 60%;
padding: 5px 15px 5px 5px;
background-color: #fff;
border-top: 1px solid #93B8B6;
border-bottom: 1px solid #93B8B6;
border-right: 1px solid #93B8B6;
display: flex;
align-items: center;
justify-content: right; }
div.order-item-div .order-departments {
grid-column: 1 / -1;
grid-row: 2 / 3;
display: flex;
word-break: break-all;
padding-left: 3px;
padding-top: 5px; }
div.order-item-div .order-departments .grid-label {
width: 9.95%;
padding: 5px 0px 5px 5px;
background-color: #DBE6F0;
border-top: 1px solid #93B8B6;
border-bottom: 1px solid #93B8B6;
border-right: 1px solid #93B8B6;
border-left: 1px solid #93B8B6;
display: flex;
align-items: center; }
div.order-item-div .order-departments .grid-value {
width: 40.05%;
padding: 0px;
display: grid;
grid-template-columns: repeat(1, 1fr); }
div.order-item-div .order-departments .grid-value .order-department-item {
display: flex;
word-break: break-all; }
div.order-item-div .order-departments .grid-value .order-department-item .grid-label-department {
width: 75%;
padding: 5px 0px 5px 5px;
color: #666666;
background-color: #f5f5f5;
border-top: 1px solid #ddd;
border-bottom: 1px solid #ddd;
display: flex;
align-items: center; }
div.order-item-div .order-departments .grid-value .order-department-item .grid-value-department {
width: 25%;
padding: 5px 15px 5px 5px;
border-top: 1px solid #ddd;
border-bottom: 1px solid #ddd;
border-left: 1px solid #ddd;
border-right: 1px solid #ddd;
display: flex;
align-items: center;
justify-content: right;
background-color: #fff; }
.distribution-header {
position: sticky;
top: 0;
z-index: 50;
display: grid;
grid-template-columns: 2rem 4rem repeat(7, 1fr);
font-size: 14px;
border-bottom: solid 1px #ddd;
background-color: #f5f5f5; }
.distribution-header .item-no {
grid-column: 1 / 3;
grid-row: 1 / 3;
padding: 5px 5px 5px 5px; }
.distribution-header .item-maker-name {
grid-column: 3 / 4;
grid-row: 1 / 2;
padding: 5px 5px 5px 5px; }
.distribution-header .item-name {
grid-column: 4 / 6;
grid-row: 1 / 2;
padding: 5px 5px 5px 5px; }
.distribution-header .item-model-number {
grid-column: 6 / 7;
grid-row: 1 / 2;
padding: 5px 5px 5px 5px; }
.distribution-header .item-product-code {
grid-column: 7 / 8;
grid-row: 1 / 2;
padding: 5px 5px 5px 5px; }
.distribution-header .item-spec {
grid-column: 8 / 9;
grid-row: 1 / 2;
padding: 5px 5px 5px 5px; }
.distribution-header .item-unit-number {
grid-column: 9 / 10;
grid-row: 1 / 2;
padding: 5px 5px 5px 5px; }
div.distribution-btn-header {
background-color: white;
position: sticky;
top: 0;
z-index: 50;
height: 40px;
display: flex;
justify-content: space-between; }
div.distribution-header.form-header {
top: 40px; }
.distribution-item-wrapper {
padding-bottom: 10px;
border-bottom: solid 1px #ddd; }
div.distribution-item-div {
display: grid;
grid-template-columns: 2rem 4rem repeat(7, 1fr);
/* no, img, maker, name, model_number, product_code */
padding: 0.5rem 0 0.5rem 0;
font-size: 14px;
/* ここまでが1行目(Noだけは2行目にもかかる) */ }
div.distribution-item-div .item-no {
grid-column: 1 / 2;
grid-row: 1 / 3;
text-align: center; }
div.distribution-item-div .item-image-holder {
grid-column: 2 / 3;
grid-row: 1 / 3; }
div.distribution-item-div .item-image-holder img.item-image {
width: 4rem;
height: 4rem;
-o-object-fit: cover;
object-fit: cover; }
div.distribution-item-div .item-maker-name {
grid-column: 3 / 4;
grid-row: 1 / 2;
padding: 5px 5px 5px 5px;
word-break: break-all; }
div.distribution-item-div .item-name {
grid-column: 4 / 6;
grid-row: 1 / 2;
padding: 5px 5px 5px 5px;
word-break: break-all; }
div.distribution-item-div .item-model-number {
grid-column: 6 / 7;
grid-row: 1 / 2;
padding: 5px 5px 5px 5px;
word-break: break-all; }
div.distribution-item-div .item-product-code {
grid-column: 7 / 8;
grid-row: 1 / 2;
padding: 5px 5px 5px 5px;
word-break: break-all; }
div.distribution-item-div .item-spec {
grid-column: 8 / 9;
grid-row: 1 / 2;
padding: 5px 5px 5px 5px;
word-break: break-all; }
div.distribution-item-div .item-unit-number {
grid-column: 9 / 10;
grid-row: 1 / 2;
padding: 5px 5px 5px 5px;
word-break: break-all;
text-align: right; }
.distribution-details-div {
display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr 1fr; }
.distribution-details-div .item-expired-at {
grid-column: 1 / 2;
grid-row: 1;
border-bottom: 1px solid #93B8B6;
display: flex;
word-break: break-all; }
.distribution-details-div .item-expired-at .grid-label {
width: 40%;
padding: 5px 0px 5px 5px;
background-color: #DBE6F0;
border-top: 1px solid #93B8B6;
border-right: 1px solid #93B8B6;
border-left: 1px solid #93B8B6;
display: flex;
align-items: center; }
.distribution-details-div .item-expired-at .grid-value {
width: 60%;
padding: 5px 5px 5px 5px;
background-color: #fff;
border-top: 1px solid #93B8B6;
border-right: 1px solid #93B8B6;
display: flex;
align-items: center; }
.distribution-details-div .item-expired-at .grid-value .bmd-form-group {
width: 100%; }
.distribution-details-div .item-sum-amount {
grid-column: 2 / 3;
grid-row: 1;
border-bottom: 1px solid #93B8B6;
display: flex;
word-break: break-all; }
.distribution-details-div .item-sum-amount .grid-label {
width: 40%;
padding: 5px 0px 5px 5px;
background-color: #DBE6F0;
border-top: 1px solid #93B8B6;
border-right: 1px solid #93B8B6;
display: flex;
align-items: center; }
.distribution-details-div .item-sum-amount .grid-value {
width: 60%;
padding: 5px 15px 5px 5px;
background-color: #fff;
border-top: 1px solid #93B8B6;
display: flex;
align-items: center;
justify-content: right; }
.distribution-details-div .item-assigned-amount {
grid-column: 3 / 4;
grid-row: 1;
border-bottom: 1px solid #93B8B6;
display: flex;
word-break: break-all; }
.distribution-details-div .item-assigned-amount .grid-label {
width: 40%;
padding: 5px 0px 5px 5px;
background-color: #DBE6F0;
border-top: 1px solid #93B8B6;
border-right: 1px solid #93B8B6;
border-left: 1px solid #93B8B6;
display: flex;
align-items: center; }
.distribution-details-div .item-assigned-amount .grid-value {
width: 60%;
padding: 5px 15px 5px 5px;
background-color: #fff;
border-top: 1px solid #93B8B6;
border-right: 1px solid #93B8B6;
display: flex;
align-items: center;
justify-content: right; }
.distribution-details-div .distribution-item-expired-at {
padding-top: 10px;
grid-column: 1 / -1;
display: flex;
word-break: break-all;
/* 1行目 */
/* 一行目(終) */ }
.distribution-details-div .distribution-item-expired-at .grid-label {
width: 20%;
padding: 0px;
background-color: #DBE6F0;
border-top: 1px solid #93B8B6;
border-right: 1px solid #93B8B6;
border-left: 1px solid #93B8B6;
border-bottom: 1px solid #93B8B6;
display: flex;
align-items: center; }
.distribution-details-div .distribution-item-expired-at .grid-label .dept-add-field {
padding: 5px 5px 5px 5px; }
.distribution-details-div .distribution-item-expired-at .grid-value {
width: 80%;
padding: 0px;
display: grid;
grid-template-columns: repeat(1, 1fr); }
.distribution-details-div .distribution-item-expired-at .grid-value .distribution-item-dept {
display: flex;
word-break: break-all; }
.distribution-details-div .distribution-item-expired-at .grid-value .distribution-item-dept .dept-name {
width: 35%;
padding: 5px 0px 5px 5px;
color: #666666;
background-color: #f5f5f5;
border-top: 1px solid #ddd;
border-bottom: 1px solid #ddd;
display: flex;
align-items: center; }
.distribution-details-div .distribution-item-expired-at .grid-value .distribution-item-dept .amount {
width: 15%;
padding: 5px 5px 5px 5px;
border-top: 1px solid #ddd;
border-bottom: 1px solid #ddd;
border-left: 1px solid #ddd;
border-right: 1px solid #ddd;
display: flex;
align-items: center;
justify-content: right;
background-color: #fff; }
.distribution-details-div .distribution-item-expired-at .grid-value .distribution-item-dept .amount .bmd-form-group {
width: 100%; }
.distribution-details-div .serial-numbers-div {
grid-column: 1 / -1;
display: flex;
word-break: break-all;
padding-top: 5px; }
.distribution-details-div .serial-numbers-div .grid-label {
width: 20%;
padding: 0px;
background-color: #DBE6F0;
border-top: 1px solid #93B8B6;
border-bottom: 1px solid #93B8B6;
border-right: 1px solid #93B8B6;
border-left: 1px solid #93B8B6;
display: flex;
align-items: center;
padding: 5px 5px 5px 5px; }
.distribution-details-div .serial-numbers-div .grid-value {
width: 80%;
padding: 0px;
display: grid;
grid-template-columns: repeat(4, 1fr); }
.distribution-details-div .serial-numbers-div .grid-value .serial-number-field:nth-of-type(4n + 5) {
padding: 5px 5px 5px 5px;
border-top: 1px solid #ddd;
border-bottom: 1px solid #ddd;
border-right: 1px solid #ddd;
display: flex;
align-items: center;
background-color: #fff; }
.distribution-details-div .serial-numbers-div .grid-value .serial-number-field:nth-of-type(4n + 5) .bmd-form-group {
width: 100%; }
.distribution-details-div .serial-numbers-div .grid-value .serial-number-field:not(:nth-of-type(4n + 5)) {
padding: 5px 5px 5px 5px;
border-top: 1px solid #ddd;
border-bottom: 1px solid #ddd;
border-right: 1px solid #ddd;
display: flex;
align-items: center;
background-color: #fff; }
.distribution-details-div .serial-numbers-div .grid-value .serial-number-field:not(:nth-of-type(4n + 5)) .bmd-form-group {
width: 100%; }
.delivery-header {
position: sticky;
top: 0;
z-index: 50;
display: grid;
grid-template-columns: 2rem 4rem repeat(6, 1fr) 5.5rem;
font-size: 14px;
border-bottom: solid 1px #ddd;
background-color: #f5f5f5; }
.delivery-header .item-no {
grid-column: 1 / 3;
grid-row: 1 / 3;
padding: 5px 5px 5px 5px; }
.delivery-header .item-maker-name {
grid-column: 3 / 4;
grid-row: 1 / 2;
padding: 5px 5px 5px 5px; }
.delivery-header .item-name {
grid-column: 4 / 6;
grid-row: 1 / 2;
padding: 5px 5px 5px 5px; }
.delivery-header .item-model-number {
grid-column: 6 / 7;
grid-row: 1 / 2;
padding: 5px 5px 5px 5px; }
.delivery-header .item-product-code {
grid-column: 7 / 8;
grid-row: 1 / 2;
padding: 5px 5px 5px 5px; }
.delivery-header .item-spec {
grid-column: 8 / 9;
grid-row: 1 / 2;
padding: 5px 5px 5px 5px; }
.delivery-header .item-tax-rate {
grid-column: 9 / 10;
grid-row: 1 / 2;
padding: 5px 5px 5px 5px; }
.delivery-item-wrapper {
padding-bottom: 10px;
border-bottom: solid 1px #ddd; }
div.delivery-item-div {
display: grid;
grid-template-columns: 2rem 4rem repeat(6, 1fr) 5.5rem;
/* no, img, maker, name, model_number, product_code */
padding: 0.5rem 0 0.5rem 0;
font-size: 14px;
/* ここまでが1行目(Noと画像だけは2行目にもかかる) */
/* 2行目 */ }
div.delivery-item-div .item-no {
grid-column: 1 / 2;
grid-row: 1 / 3;
padding: 20px 5px 0px 0px;
text-align: center; }
div.delivery-item-div .item-image-holder {
grid-column: 2 / 3;
grid-row: 1 / 3; }
div.delivery-item-div .item-image-holder img.item-image {
width: 4rem;
height: 4rem;
-o-object-fit: cover;
object-fit: cover; }
div.delivery-item-div .item-maker-name {
grid-column: 3 / 4;
grid-row: 1 / 2;
padding: 5px 5px 5px 5px;
word-break: break-all; }
div.delivery-item-div .item-name {
grid-column: 4 / 6;
grid-row: 1 / 2;
padding: 5px 5px 5px 5px;
word-break: break-all; }
div.delivery-item-div .item-model-number {
grid-column: 6 / 7;
grid-row: 1 / 2;
padding: 5px 5px 5px 5px;
word-break: break-all; }
div.delivery-item-div .item-product-code {
grid-column: 7 / 8;
grid-row: 1 / 2;
padding: 5px 5px 5px 5px;
word-break: break-all; }
div.delivery-item-div .item-spec {
grid-column: 8 / 9;
grid-row: 1 / 2;
padding: 5px 5px 5px 5px;
word-break: break-all; }
div.delivery-item-div .item-tax-rate {
grid-column: 9 / 10;
grid-row: 1 / 2;
padding: 5px 5px 5px 5px;
word-break: break-all; }
div.delivery-item-div .grid-label {
padding: 5px 5px 5px 5px;
color: #666666; }
div.delivery-item-div .grid-value {
padding: 5px 5px 5px 5px; }
div.delivery-item-div .delivery-details-div {
grid-column: 1 / 10;
display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr;
padding-top: 5px; }
div.delivery-item-div .delivery-details-div .item-unit-number {
grid-column: 1 / 2;
display: flex;
word-break: break-all;
padding-left: 3px; }
div.delivery-item-div .delivery-details-div .item-unit-number .grid-label {
width: 40%;
padding: 5px 0px 5px 5px;
background-color: #DBE6F0;
border-top: 1px solid #93B8B6;
border-bottom: 1px solid #93B8B6;
border-right: 1px solid #93B8B6;
border-left: 1px solid #93B8B6;
display: flex;
align-items: center; }
div.delivery-item-div .delivery-details-div .item-unit-number .grid-value {
width: 60%;
padding: 5px 15px 5px 5px;
background-color: #fff;
border-top: 1px solid #93B8B6;
border-bottom: 1px solid #93B8B6;
border-right: 1px solid #93B8B6;
display: flex;
align-items: center;
justify-content: right; }
div.delivery-item-div .delivery-details-div .item-assigned-amount {
grid-column: 2 / 3;
display: flex;
word-break: break-all; }
div.delivery-item-div .delivery-details-div .item-assigned-amount .grid-label {
width: 40%;
padding: 5px 0px 5px 5px;
background-color: #DBE6F0;
border-top: 1px solid #93B8B6;
border-bottom: 1px solid #93B8B6;
border-right: 1px solid #93B8B6;
display: flex;
align-items: center; }
div.delivery-item-div .delivery-details-div .item-assigned-amount .grid-value {
width: 60%;
padding: 5px 15px 5px 5px;
background-color: #fff;
border-top: 1px solid #93B8B6;
border-bottom: 1px solid #93B8B6;
border-right: 1px solid #93B8B6;
display: flex;
align-items: center;
justify-content: right; }
div.delivery-item-div .delivery-details-div .item-unit-price {
grid-column: 3 / 4;
display: flex;
word-break: break-all; }
div.delivery-item-div .delivery-details-div .item-unit-price .grid-label {
width: 40%;
padding: 5px 0px 5px 5px;
background-color: #DBE6F0;
border-top: 1px solid #93B8B6;
border-bottom: 1px solid #93B8B6;
border-right: 1px solid #93B8B6;
display: flex;
align-items: center; }
div.delivery-item-div .delivery-details-div .item-unit-price .grid-value {
width: 60%;
padding: 5px 15px 5px 5px;
background-color: #fff;
border-top: 1px solid #93B8B6;
border-bottom: 1px solid #93B8B6;
border-right: 1px solid #93B8B6;
display: flex;
align-items: center;
justify-content: right; }
div.delivery-item-div .delivery-details-div .item-total-price {
grid-column: 4 / 5;
display: flex;
word-break: break-all; }
div.delivery-item-div .delivery-details-div .item-total-price .grid-label {
width: 40%;
padding: 5px 0px 5px 5px;
background-color: #DBE6F0;
border-top: 1px solid #93B8B6;
border-bottom: 1px solid #93B8B6;
border-right: 1px solid #93B8B6;
display: flex;
align-items: center; }
div.delivery-item-div .delivery-details-div .item-total-price .grid-value {
width: 60%;
padding: 5px 15px 5px 5px;
background-color: #fff;
border-top: 1px solid #93B8B6;
border-bottom: 1px solid #93B8B6;
border-right: 1px solid #93B8B6;
display: flex;
align-items: center;
justify-content: right; }
div.delivery-item-div .delivery-details-div .item-amount {
grid-column: 1 / 2;
grid-row: 2 / 3;
display: flex;
word-break: break-all;
padding-left: 3px; }
div.delivery-item-div .delivery-details-div .item-amount .grid-label {
width: 40%;
padding: 5px 0px 5px 5px;
background-color: #DBE6F0;
border-bottom: 1px solid #93B8B6;
border-right: 1px solid #93B8B6;
border-left: 1px solid #93B8B6;
display: flex;
align-items: center; }
div.delivery-item-div .delivery-details-div .item-amount .grid-value {
width: 60%;
padding: 5px 15px 5px 5px;
background-color: #fff;
border-bottom: 1px solid #93B8B6;
border-right: 1px solid #93B8B6;
display: flex;
align-items: center;
justify-content: right; }
div.delivery-item-div .delivery-details-div .item-undelivered-amount {
grid-column: 2 / 3;
grid-row: 2 / 3;
display: flex;
word-break: break-all; }
div.delivery-item-div .delivery-details-div .item-undelivered-amount .grid-label {
width: 40%;
padding: 5px 0px 5px 5px;
background-color: #DBE6F0;
border-bottom: 1px solid #93B8B6;
border-right: 1px solid #93B8B6;
display: flex;
align-items: center; }
div.delivery-item-div .delivery-details-div .item-undelivered-amount .grid-value {
width: 60%;
padding: 5px 15px 5px 5px;
background-color: #fff;
border-bottom: 1px solid #93B8B6;
border-right: 1px solid #93B8B6;
display: flex;
align-items: center;
justify-content: right; }
div.delivery-item-div .delivery-details-div .item-deliveried-total-price {
grid-column: 4 / 5;
display: flex;
word-break: break-all; }
div.delivery-item-div .delivery-details-div .item-deliveried-total-price .grid-label {
width: 40%;
padding: 5px 0px 5px 5px;
background-color: #DBE6F0;
border-bottom: 1px solid #93B8B6;
border-right: 1px solid #93B8B6;
display: flex;
align-items: center; }
div.delivery-item-div .delivery-details-div .item-deliveried-total-price .grid-value {
width: 60%;
padding: 5px 15px 5px 5px;
background-color: #fff;
border-bottom: 1px solid #93B8B6;
border-right: 1px solid #93B8B6;
display: flex;
align-items: center;
justify-content: right; }
div.delivery-item-div .delivery-details-div .item-delivery-blank-div {
grid-column: 3 / 4;
display: flex;
word-break: break-all; }
div.delivery-item-div .delivery-details-div .item-delivery-blank-div .grid-label {
width: 40%;
padding: 5px 0px 5px 5px;
background-color: #fff;
display: flex;
align-items: center; }
div.delivery-item-div .delivery-details-div .item-delivery-blank-div .grid-value {
width: 60%;
padding: 5px 15px 5px 5px;
background-color: #fff;
border-right: 1px solid #93B8B6;
display: flex;
align-items: center;
justify-content: right; }
div.delivery-total-wrapper {
display: grid;
grid-template-columns: 2rem 4rem repeat(4, 1fr) 0.5fr 0.5fr 1fr 3rem; }
div.delivery-total-wrapper .delivery-total-div {
grid-column: 3 / -1;
display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr; }
div.delivery-total-wrapper .delivery-total-div .delivery-subtotal-price {
grid-column: 4 / 5;
grid-row: 1 / 2;
display: flex;
word-break: break-all;
padding-top: 10px; }
div.delivery-total-wrapper .delivery-total-div .delivery-subtotal-price .grid-label {
width: 40%;
padding: 5px 0px 5px 5px;
background-color: #DBE6F0;
border-top: 1px solid #93B8B6;
border-right: 1px solid #93B8B6;
border-left: 1px solid #93B8B6;
display: flex;
align-items: center; }
div.delivery-total-wrapper .delivery-total-div .delivery-subtotal-price .grid-value {
width: 60%;
padding: 5px 15px 5px 5px;
background-color: #fff;
border-top: 1px solid #93B8B6;
border-right: 1px solid #93B8B6;
display: flex;
align-items: center;
justify-content: right; }
div.delivery-total-wrapper .delivery-total-div .delivery-total-tax-price {
grid-column: 4 / 5;
grid-row: 2 / 3;
display: flex;
word-break: break-all; }
div.delivery-total-wrapper .delivery-total-div .delivery-total-tax-price .grid-label {
width: 40%;
padding: 5px 0px 5px 5px;
background-color: #DBE6F0;
border-top: 1px solid #93B8B6;
border-right: 1px solid #93B8B6;
border-left: 1px solid #93B8B6;
display: flex;
align-items: center; }
div.delivery-total-wrapper .delivery-total-div .delivery-total-tax-price .grid-value {
width: 60%;
padding: 5px 15px 5px 5px;
background-color: #fff;
border-top: 1px solid #93B8B6;
border-right: 1px solid #93B8B6;
display: flex;
align-items: center;
justify-content: right; }
div.delivery-total-wrapper .delivery-total-div .delivery-total-price {
grid-column: 4 / 5;
grid-row: 3 / 4;
display: flex;
word-break: break-all; }
div.delivery-total-wrapper .delivery-total-div .delivery-total-price .grid-label {
width: 40%;
padding: 5px 0px 5px 5px;
background-color: #DBE6F0;
border-top: 1px solid #93B8B6;
border-bottom: 1px solid #93B8B6;
border-right: 1px solid #93B8B6;
border-left: 1px solid #93B8B6;
display: flex;
align-items: center; }
div.delivery-total-wrapper .delivery-total-div .delivery-total-price .grid-value {
width: 60%;
padding: 5px 15px 5px 5px;
background-color: #fff;
border-top: 1px solid #93B8B6;
border-bottom: 1px solid #93B8B6;
border-right: 1px solid #93B8B6;
display: flex;
align-items: center;
justify-content: right; }
.invoice-header {
position: sticky;
top: 0;
z-index: 50;
display: grid;
grid-template-columns: 2rem 4rem repeat(6, 1fr) 3rem;
font-size: 14px;
border-bottom: solid 1px #ddd;
background-color: #f5f5f5; }
.invoice-header .item-no {
grid-column: 1 / 3;
grid-row: 1 / 3;
padding: 5px 5px 5px 5px; }
.invoice-header .item-maker-name {
grid-column: 3 / 4;
grid-row: 1 / 2;
padding: 5px 5px 5px 5px; }
.invoice-header .item-name {
grid-column: 4 / 6;
grid-row: 1 / 2;
padding: 5px 5px 5px 5px; }
.invoice-header .item-model-number {
grid-column: 6 / 7;
grid-row: 1 / 2;
padding: 5px 5px 5px 5px; }
.invoice-header .item-product-code {
grid-column: 7 / 8;
grid-row: 1 / 2;
padding: 5px 5px 5px 5px; }
.invoice-header .item-spec {
grid-column: 8 / 9;
grid-row: 1 / 2;
padding: 5px 5px 5px 5px; }
.invoice-header .item-tax-rate {
grid-column: 9 / 10;
grid-row: 1 / 2;
padding: 5px 5px 5px 5px; }
div.invoice-delivery-list-wrapper {
margin-bottom: 1rem; }
div.invoice-delivery-list-div {
display: grid;
grid-template-columns: 2rem 4rem repeat(6, 1fr) 3rem;
font-size: 14px;
font-weight: bold;
border-bottom: solid 1px #ddd; }
div.invoice-delivery-list-div .delivery-date {
grid-column: 1 / 3;
grid-row: 1 / 2;
padding: 5px 5px 5px 5px;
display: flex;
justify-content: space-between; }
div.invoice-delivery-list-div .delivery-number {
grid-column: 3 / 5;
grid-row: 1 / 2;
padding: 5px 5px 5px 5px;
display: flex;
justify-content: space-between; }
.invoice-item-wrapper {
padding-bottom: 10px;
border-bottom: solid 1px #ddd; }
div.invoice-item-div {
display: grid;
grid-template-columns: 2rem 4rem repeat(6, 1fr) 3rem;
/* no, img, maker, name, model_number, product_code */
padding: 0.5rem 0 0.5rem 0;
font-size: 14px;
/* ここまでが1行目(Noと画像だけは2行目にもかかる) */
/* 2行目 */ }
div.invoice-item-div .item-no {
grid-column: 1 / 2;
grid-row: 1 / 3;
padding: 20px 5px 0px 0px;
text-align: center; }
div.invoice-item-div .item-image-holder {
grid-column: 2 / 3;
grid-row: 1 / 3; }
div.invoice-item-div .item-image-holder img.item-image {
width: 4rem;
height: 4rem;
-o-object-fit: cover;
object-fit: cover; }
div.invoice-item-div .item-maker-name {
grid-column: 3 / 4;
grid-row: 1 / 2;
padding: 5px 5px 5px 5px;
word-break: break-all; }
div.invoice-item-div .item-name {
grid-column: 4 / 6;
grid-row: 1 / 2;
padding: 5px 5px 5px 5px;
word-break: break-all; }
div.invoice-item-div .item-model-number {
grid-column: 6 / 7;
grid-row: 1 / 2;
padding: 5px 5px 5px 5px;
word-break: break-all; }
div.invoice-item-div .item-product-code {
grid-column: 7 / 8;
grid-row: 1 / 2;
padding: 5px 5px 5px 5px;
word-break: break-all; }
div.invoice-item-div .item-spec {
grid-column: 8 / 9;
grid-row: 1 / 2;
padding: 5px 5px 5px 5px;
word-break: break-all; }
div.invoice-item-div .item-tax-rate {
grid-column: 9 / 10;
grid-row: 1 / 2;
padding: 5px 5px 5px 5px;
display: flex;
justify-content: space-between;
word-break: break-all; }
div.invoice-item-div .grid-label {
padding: 5px 5px 5px 5px;
color: #666666; }
div.invoice-item-div .grid-value {
padding: 5px 5px 5px 5px; }
div.invoice-item-div .item-amount {
grid-column: 3 / 4;
grid-row: 2 / 3;
padding: 5px 5px 5px 5px;
display: flex;
justify-content: space-between;
word-break: break-all; }
div.invoice-item-div .item-undelivered-amount {
grid-column: 4 / 5;
grid-row: 2 / 3;
padding: 5px 5px 5px 5px;
display: flex;
justify-content: space-between;
word-break: break-all; }
div.invoice-item-div .item-unit-number {
grid-column: 5 / 6;
grid-row: 2 / 3;
padding: 5px 5px 5px 5px;
display: flex;
justify-content: space-between;
word-break: break-all; }
div.invoice-item-div .item-assigned-amount {
grid-column: 6 / 7;
grid-row: 2 / 3;
padding: 5px 5px 5px 5px;
display: flex;
justify-content: space-between;
word-break: break-all; }
div.invoice-item-div .item-assigned-amount .item-assigned-amount-value {
width: calc(100% - 3.5rem);
min-width: 50px; }
div.invoice-item-div .item-unit-price {
grid-column: 7 / 8;
grid-row: 2 / 3;
padding: 5px 5px 5px 5px;
display: flex;
justify-content: space-between;
word-break: break-all; }
div.invoice-item-div .item-total-price {
grid-column: 8 / -1;
grid-row: 2 / 3;
padding: 5px 5px 5px 5px;
display: flex;
justify-content: space-between;
word-break: break-all; }
div.invoice-total-wrapper {
display: grid;
grid-template-columns: 2rem 4rem repeat(4, 1fr) 0.5fr 0.5fr 1fr 3rem;
align-items: center;
word-break: break-all; }
div.invoice-total-wrapper .grid-label {
padding: 5px 5px 5px 5px;
color: #666666; }
div.invoice-total-wrapper .grid-value {
padding: 5px 5px 5px 5px; }
div.invoice-total-wrapper .invoice-subtotal-price {
grid-column: -4 / -1;
grid-row: 1 / 2;
padding: 5px 5px 5px 5px;
display: flex;
justify-content: space-between; }
div.invoice-total-wrapper .invoice-total-tax-price {
grid-column: -4 / -1;
grid-row: 2 / 3;
padding: 5px 5px 5px 5px;
display: flex;
justify-content: space-between; }
div.invoice-total-wrapper .invoice-total-price {
grid-column: -4 / -1;
grid-row: 3 / 4;
padding: 5px 5px 5px 5px;
display: flex;
justify-content: space-between; }
div.transfer-header {
position: sticky;
top: 0;
z-index: 50;
display: grid;
grid-template-columns: 2rem 4rem 1fr 2.5fr 1fr 1fr 1fr 7.5rem;
font-size: 14px;
border-bottom: solid 1px #ddd;
background-color: #f5f5f5; }
div.transfer-header .item-no {
grid-column-start: 1;
grid-column-end: 3;
padding: 5px 5px 5px 5px; }
div.transfer-header .item-maker-name {
padding: 5px 5px 5px 5px; }
div.transfer-header .item-name {
padding: 5px 5px 5px 5px; }
div.transfer-header .item-model-number {
padding: 5px 5px 5px 5px; }
div.transfer-header .item-product-code {
padding: 5px 5px 5px 5px; }
div.transfer-header .item-spec {
padding: 5px 5px 5px 5px; }
div.transfer-header .transfer-amount {
padding: 5px 5px 5px 5px; }
div.transfer-item-div {
display: grid;
border-bottom: solid 1px #ddd;
grid-template-columns: 2rem 4rem 1fr 2.5fr 1fr 1fr 1fr 7.5rem;
/* no, img, maker, name, model_number, product_code, spec */
padding: 0.5rem 0 0.5rem 0;
font-size: 14px; }
div.transfer-item-div .item-no {
grid-column-start: 1;
grid-row-start: 1;
grid-row-end: 3;
padding: 20px 5px 0px 0px;
text-align: center; }
div.transfer-item-div .item-image-holder {
grid-column-start: 2;
grid-row-start: 1;
grid-row-end: 3; }
div.transfer-item-div .item-image-holder img.item-image {
width: 4rem;
height: 4rem;
-o-object-fit: cover;
object-fit: cover; }
div.transfer-item-div .item-maker-name {
grid-column-start: 3;
padding: 5px 5px 5px 5px;
word-break: break-all; }
div.transfer-item-div .item-name {
grid-column-start: 4;
padding: 5px 5px 5px 5px;
word-break: break-all; }
div.transfer-item-div .item-model-number {
grid-column-start: 5;
padding: 5px 5px 5px 5px;
word-break: break-all; }
div.transfer-item-div .item-product-code {
grid-column-start: 6;
padding: 5px 5px 5px 5px;
word-break: break-all; }
div.transfer-item-div .item-spec {
grid-column-start: 7;
padding: 5px 5px 5px 5px;
word-break: break-all; }
div.transfer-item-div .transfer-amount {
grid-column-start: 8;
grid-row-start: 2;
padding: 0px 0px;
display: flex; }
div.transfer-item-div .transfer-amount .amount-input input {
padding-top: 3px;
padding-bottom: 3px;
padding-left: 3px;
padding-right: 3px;
max-width: 4.5rem; }
div.transfer-item-div .transfer-amount .amount-unit-name {
padding-top: 2px;
padding-left: 2px; }
div.transfer-item-div .transfer-amount-text {
grid-column-start: 8;
grid-row-start: 1;
grid-row-end: 3;
font-size: 1.0rem;
padding: 0px 0px; }
div.transfer-item-div .operation-area {
text-align: center;
grid-column-start: 8;
grid-row-start: 1; }
div.transfer-item-div .operation-area a {
display: block;
width: 100%;
height: 100%;
padding-top: 5px; }
div.response-transfer-header {
display: grid;
grid-template-columns: 2rem 4rem 1fr 1fr 1fr 1fr 1fr 1fr;
font-size: 14px;
border-bottom: solid 1px #ddd;
background-color: #f5f5f5; }
div.response-transfer-header .item-no {
grid-column: 1 / 3;
grid-row: 1 / 2;
padding: 5px 5px 5px 5px; }
div.response-transfer-header .item-maker-name {
grid-column: 3 / 4;
grid-row: 1 / 2;
padding: 5px 5px 5px 5px; }
div.response-transfer-header .item-name {
grid-column: 4 / 6;
grid-row: 1 / 2;
padding: 5px 5px 5px 5px; }
div.response-transfer-header .item-model-number {
grid-column: 6 / 7;
grid-row: 1 / 2;
padding: 5px 5px 5px 5px; }
div.response-transfer-header .item-product-code {
grid-column: 7 / 8;
grid-row: 1 / 2;
padding: 5px 5px 5px 5px; }
div.response-transfer-header .item-spec {
grid-column: 8 / 9;
grid-row: 1 / 2;
padding: 5px 5px 5px 5px; }
div.response-transfer-item-div {
display: grid;
grid-template-columns: 2rem 4rem 1fr 1fr 1fr 1fr 1fr 1fr;
border-bottom: solid 1px #ddd;
/* no, img, maker, name, model_number, product_code */
padding: 0.5rem 0 0.5rem 0;
margin: 2px 0px;
font-size: 14px; }
div.response-transfer-item-div .item-no {
grid-column: 1 / 2;
grid-row: 1 / 3;
padding: 20px 5px 0px 0px;
text-align: center; }
div.response-transfer-item-div .item-image-holder {
grid-column: 2 / 3;
grid-row: 1 / 3; }
div.response-transfer-item-div .item-image-holder img.item-image {
width: 4rem;
height: 4rem;
-o-object-fit: cover;
object-fit: cover; }
div.response-transfer-item-div .item-maker-name {
grid-column: 3 / 4;
grid-row: 1 / 2;
padding: 5px 5px 5px 5px;
word-break: break-all; }
div.response-transfer-item-div .item-name {
grid-column: 4 / 6;
grid-row: 1 / 2;
padding: 5px 5px 5px 5px;
word-break: break-all; }
div.response-transfer-item-div .item-model-number {
grid-column: 6 / 7;
grid-row: 1 / 2;
padding: 5px 5px 5px 5px;
word-break: break-all; }
div.response-transfer-item-div .item-product-code {
grid-column: 7 / 8;
grid-row: 1 / 2;
padding: 5px 5px 5px 5px;
word-break: break-all; }
div.response-transfer-item-div .item-spec {
grid-column: 8 / 9;
grid-row: 1 / 2;
padding: 5px 5px 5px 5px;
word-break: break-all; }
div.response-transfer-item-div .transfer-request-amount {
grid-column: 5 / 6;
grid-row: 2 / 3;
display: flex;
justify-content: space-between; }
div.response-transfer-item-div .transfer-request-amount .grid-label {
padding: 5px 0px 5px 5px;
color: #666666; }
div.response-transfer-item-div .transfer-request-amount .grid-value {
text-align: right;
padding: 5px 15px 5px 5px; }
div.response-transfer-item-div .transfer-exist-amount {
grid-column: 6 / 7;
grid-row: 2 / 3;
display: flex;
justify-content: space-between; }
div.response-transfer-item-div .transfer-exist-amount .grid-label {
padding: 5px 0px 5px 5px;
color: #666666; }
div.response-transfer-item-div .transfer-exist-amount .grid-value {
text-align: right;
padding: 5px 15px 5px 5px; }
div.response-transfer-item-div .transfer-response-amount {
grid-column: 7 / 8;
grid-row: 2 / 3;
display: flex;
justify-content: space-between; }
div.response-transfer-item-div .transfer-response-amount .grid-label {
padding: 5px 0px 5px 5px;
color: #666666; }
div.response-transfer-item-div .transfer-response-amount .grid-value {
text-align: right;
padding: 5px 15px 5px 5px; }
div.response-transfer-item-div .operation-area {
grid-column: 8 / 9;
grid-row: 2 / 3;
text-align: right;
padding: 5px 5px 5px 5px; }
div.response-transfer-expired-at-div {
background-color: #f5f5f5;
border-bottom: solid 1px #ddd;
display: grid;
grid-template-columns: 2rem 4rem 1fr 1fr 1fr 1fr 1fr 1fr;
padding: 0.5rem 0; }
div.response-transfer-expired-at-div .expired-at-title {
grid-column: 1 / 3;
padding: 5px 5px 5px 5px;
color: #666666; }
div.response-transfer-expired-at-div .expired-at-values {
grid-column: 3 / -1;
display: grid;
grid-template-columns: repeat(2, 1fr); }
div.response-transfer-expired-at-div .expired-at-values .expired-at-value {
display: grid;
grid-template-columns: repeat(3, 1fr); }
div.response-transfer-expired-at-div .expired-at-values .expired-at-value .expired-at-text {
grid-column: 1 / 2;
padding: 5px 5px 5px 5px; }
div.response-transfer-expired-at-div .expired-at-values .expired-at-value .expired-at-amount {
grid-column: 2 / 3;
padding: 5px 15px 5px 5px;
text-align: right; }
div.response-transfer-expired-at-div .expired-at-values .expired-at-field {
display: grid;
grid-template-columns: 6rem 4rem 2fr 4rem 3fr; }
div.response-transfer-expired-at-div .expired-at-values .expired-at-field .expired-at-text {
padding: 5px 5px 5px 5px; }
div.response-transfer-expired-at-div .expired-at-values .expired-at-field .exist-amount-label {
color: #666666;
padding: 5px 5px 5px 5px; }
div.response-transfer-expired-at-div .expired-at-values .expired-at-field .exist-amount-value {
padding: 5px 15px 5px 5px;
text-align: right; }
div.response-transfer-expired-at-div .expired-at-values .expired-at-field .transfer-amount-label {
color: #666666;
padding: 5px 5px 5px 5px; }
div.response-transfer-expired-at-div .expired-at-values .expired-at-field .transfer-amount-value {
padding: 5px 15px 5px 5px;
text-align: right; }
div.response-transfer-expired-at-div .expired-at-values .expired-at-field .transfer-amount-field {
padding: 2px 0px;
display: flex; }
div.response-transfer-expired-at-div .expired-at-values .expired-at-field .transfer-amount-field .amount-input input {
padding-top: 3px;
padding-bottom: 3px;
padding-left: 3px;
padding-right: 3px;
max-width: 4.5rem; }
div.response-transfer-expired-at-div .expired-at-values .expired-at-field .transfer-amount-field .amount-unit-name {
padding-top: 2px;
padding-left: 2px; }
div.inventory-details-div div.inventory-details {
display: grid;
grid-template-columns: repeat(2, 1fr);
font-size: 14px; }
div.inventory-details-div div.inventory-details div.inventory-detail {
display: grid;
grid-template-columns: 1fr; }
div.inventory-details-div div.inventory-details div.inventory-detail .header-row {
background-color: #f5f5f5;
grid-column: 1 / -1;
grid-row: 1 / 2;
display: grid;
grid-template-columns: 10rem repeat(3, 1fr) 3rem; }
div.inventory-details-div div.inventory-details div.inventory-detail .header-row .header-expired-at {
grid-column: 1 / 2; }
div.inventory-details-div div.inventory-details div.inventory-detail .header-row .header-unit-amount {
grid-column: 2 / 3; }
div.inventory-details-div div.inventory-details div.inventory-detail .header-row .header-atomic-amount {
grid-column: 3 / 4; }
div.inventory-details-div div.inventory-details div.inventory-detail .header-row .header-exist-amount {
grid-column: 4 / 5; }
div.inventory-details-div div.inventory-details div.inventory-detail .form-row {
grid-column: 1 / -1;
grid-row: 2 / 3;
display: grid;
grid-template-columns: 10rem repeat(3, 1fr) 3rem; }
div.inventory-details-div div.inventory-details div.inventory-detail .form-row .inventory-details-expired-at-name {
grid-column: 1 / 2; }
div.inventory-details-div div.inventory-details div.inventory-detail .form-row .inventory-details-unit-amount {
grid-column: 2 / 3; }
div.inventory-details-div div.inventory-details div.inventory-detail .form-row .inventory-details-atomic-amount {
grid-column: 3 / 4; }
div.inventory-details-div div.inventory-details div.inventory-detail .form-row .inventory-details-exist-amount {
grid-column: 4 / 5; }
div.inventory-details-div div.inventory-details div.inventory-detail .form-row .inventory-details-remove-btn .reject-expired-at {
cursor: default;
margin-top: 10px;
color: red; }
div.return-item-header {
display: grid;
grid-template-columns: 2rem 4rem repeat(6, 1fr);
font-size: 14px;
border-bottom: solid 1px #ddd;
background-color: #f5f5f5; }
div.return-item-header .item-no {
grid-column: 1 / 3;
grid-row: 1 / 3;
padding: 5px 5px 5px 5px; }
div.return-item-header .item-maker-name {
grid-column: 3 / 4;
grid-row: 1 / 2;
padding: 5px 5px 5px 5px; }
div.return-item-header .item-name {
grid-column: 4 / 6;
grid-row: 1 / 2;
padding: 5px 5px 5px 5px; }
div.return-item-header .item-model-number {
grid-column: 6 / 7;
grid-row: 1 / 2;
padding: 5px 5px 5px 5px; }
div.return-item-header .item-product-code {
grid-column: 7 / 8;
grid-row: 1 / 2;
padding: 5px 5px 5px 5px; }
div.return-item-header .item-spec {
grid-column: 8 / 9;
grid-row: 1 / 2;
padding: 5px 5px 5px 5px; }
div.return-item-item-wrapper {
border-bottom: solid 1px #ddd; }
div.return-item-item-wrapper .return-item-rejected-item {
background-color: lightgray; }
div.return-item-item-div {
display: grid;
grid-template-columns: 2rem 4rem repeat(6, 1fr);
/* no, img, maker, name, model_number, product_code, spec */
padding: 0.5rem 0 0.5rem 0;
margin: 2px 0px;
font-size: 14px; }
div.return-item-item-div .item-no {
grid-column: 1 / 2;
grid-row: 1 / 3;
padding: 20px 5px 0px 0px;
text-align: center; }
div.return-item-item-div .item-image-holder {
grid-column: 2 / 3;
grid-row: 1 / 3; }
div.return-item-item-div .item-image-holder img.item-image {
width: 4rem;
height: 4rem;
-o-object-fit: cover;
object-fit: cover; }
div.return-item-item-div .item-maker-name {
grid-column: 3 / 4;
grid-row: 1 / 2;
padding: 5px 5px 5px 5px;
word-break: break-all; }
div.return-item-item-div .item-name {
grid-column: 4 / 6;
grid-row: 1 / 2;
padding: 5px 5px 5px 5px;
word-break: break-all; }
div.return-item-item-div .item-model-number {
grid-column: 6 / 7;
grid-row: 1 / 2;
padding: 5px 5px 5px 5px;
word-break: break-all; }
div.return-item-item-div .item-product-code {
grid-column: 7 / 8;
grid-row: 1 / 2;
padding: 5px 5px 5px 5px;
word-break: break-all; }
div.return-item-item-div .item-spec {
grid-column: 8 / 9;
grid-row: 1 / 2;
padding: 5px 5px 5px 5px;
word-break: break-all; }
div.return-item-item-div .grid-label {
padding: 5px 5px 5px 5px;
color: #666666; }
div.return-item-item-div .grid-value {
padding: 5px 5px 5px 5px; }
div.return-item-item-div .return-item-amount {
grid-column: 8 / 9;
grid-row: 2 / 3;
display: flex;
justify-content: space-between; }
div.return-item-item-div .return-item-amount .grid-label {
padding: 5px 0px 5px 5px;
color: #666666; }
div.return-item-item-div .return-item-amount .grid-value {
text-align: right;
padding: 5px 15px 5px 5px; }
div.return-item-item-div .return-item-supplier-box {
grid-column: 3 / 7;
grid-row: 2 / 3; }
div.return-item-item-div .return-item-supplier-box .return-item-supplier-grid {
display: grid;
grid-template-columns: 6.5rem 1fr 6rem 8rem; }
div.return-item-item-div .return-item-supplier-box .return-item-supplier-grid .return-item-supplier {
grid-column: 1 / 3;
display: flex;
justify-content: space-between; }
div.return-item-item-div .return-item-supplier-box .return-item-supplier-grid .return-item-supplier .return-item-supplier-value {
width: calc(100% - 6rem); }
div.return-item-item-div .return-item-supplier-box .return-item-supplier-grid .return-item-supplier :after {
margin-left: 0px; }
div.return-item-item-div .return-item-supplier-box .return-item-supplier-grid .return-item-supplier.confirm {
justify-content: normal; }
div.return-item-item-div .return-item-supplier-box .return-item-supplier-grid .return-item-supplier.confirm .grid-value {
margin-left: 1rem; }
div.return-item-item-div .return-item-supplier-box .return-item-supplier-grid .return-item-order-number {
grid-column: 3 / 5;
display: flex;
justify-content: space-between; }
div.return-item-item-div .return-item-supplier-box .return-item-supplier-grid .return-item-order-number .grid-label {
padding: 5px 5px 5px 15px;
color: #666666; }
div.return-item-item-div .return-item-supplier-box .return-item-supplier-grid .return-item-order-number .return-item-order-number-value {
width: 8rem; }
div.return-item-item-div .return-item-supplier-box .return-item-supplier-grid .return-item-order-number.confirm {
justify-content: normal; }
div.return-item-item-div .return-item-total-amount {
grid-column: 7 / 8;
grid-row: 2 / 3;
display: flex;
justify-content: space-between; }
div.return-item-item-div .return-item-item-select-button {
grid-column: 8 / 9;
grid-row: 2 / 3; }
div.return-item-item-div .return-item-blank-message {
grid-column: 1 / 8;
grid-row: 2 / 3; }
div.return-item-stock-div {
display: grid;
grid-template-columns: repeat(2, 1fr);
font-size: 14px;
border-bottom: solid 1px #ddd;
padding: 0.5rem 0 0.5rem 2rem; }
div.return-item-stock-div .return-item-stock-title {
grid-column: 1 / -1;
grid-row: 1 / 2;
padding: 5px 5px 5px 5px; }
div.return-item-stock-div .return-item-dept-name {
grid-column: 1 / -1;
text-overflow: ellipsis;
overflow-x: hidden;
white-space: nowrap;
padding: 5px 0px 5px 5px;
margin-bottom: 5px;
font-weight: bold; }
div.return-item-stock-div .return-item-dept-name .dept-name-grid {
display: grid;
grid-template-columns: 4rem repeat(6, 1fr); }
div.return-item-stock-div .return-item-dept-name .dept-name-grid .name {
grid-column: 1 / -2;
display: flex; }
div.return-item-stock-div .return-item-dept-name .dept-name-grid .blank {
grid-column: 1 / -2;
font-weight: normal;
margin-left: -2rem; }
div.return-item-stock-div .return-item-dept-name .dept-name-grid .blank .grid-label {
padding: 5px 5px 5px 5px;
color: #666666; }
div.return-item-stock-div .return-item-dept-name .dept-name-grid .btn {
grid-column: -2 / -1;
margin: 0; }
div.return-item-stock-div .return-item-stock {
display: grid;
grid-template-columns: repeat(3, 1fr);
padding: 5px 5px 5px 5px; }
div.return-item-stock-div .return-item-stock .grid-label {
padding: 5px 5px 5px 5px;
color: #666666; }
div.return-item-stock-div .return-item-stock .grid-value {
padding: 5px 5px 5px 5px; }
div.return-item-stock-div .return-item-stock .return-item-expired-at {
grid-column: 1 / 2;
grid-row: 1 / 2;
display: flex;
justify-content: space-between; }
div.return-item-stock-div .return-item-stock .return-item-stock-amount {
grid-column: 2 / 3;
grid-row: 1 / 2;
display: flex;
justify-content: space-between; }
div.return-item-stock-div .return-item-stock .return-item-amount {
grid-column: 3 / -1;
grid-row: 1 / 2;
display: flex;
justify-content: space-between; }
div.return-item-stock-div .return-item-stock .return-item-amount .return-item-amount-value {
width: 100%;
max-width: 6rem; }
div.return-item-bottom {
display: grid;
grid-template-columns: 2rem 4rem repeat(6, 1fr);
font-size: 14px; }
div.return-item-bottom .grid-label {
padding: 5px 5px 5px 5px;
color: #666666; }
div.return-item-bottom .grid-value {
padding: 5px 5px 5px 5px; }
div.return-item-bottom .return-item-return-price {
grid-column: -3 / -1;
grid-row: 1 / 2;
padding: 5px 5px 5px 5px;
display: flex;
justify-content: space-between; }
div.return-item-bottom .return-item-return-price .return-item-return-price-value {
width: 100%;
max-width: 9.5rem; }
div.return-item-bottom .return-item-return-price .grid-label:after {
margin-left: 0px; }
.stock-list-area {
width: 100%;
display: grid;
grid-template-columns: 6rem 1fr 1fr; }
.stock-list-area .stock-list-title {
grid-column: 1 / 2;
grid-row: 1 / 2; }
.stock-list-area .stock-list-details {
grid-column: 2 / -1;
display: grid;
grid-template-columns: repeat(2, 1fr); }
.stock-list-area .stock-list-details .detail {
display: grid;
grid-template-columns: 4rem 10rem 1fr 4rem;
align-items: center;
padding: 0.4rem; }
.stock-list-area .stock-list-details .detail .stock-expired-at {
grid-column: 1 / 2; }
.stock-list-area .stock-list-details .detail .stock-expired-at {
grid-column: 2 / 3; }
#stocks.table.datatables .w-maker {
width: 5rem;
max-width: 5rem;
min-width: 5rem; }
#stocks.table.datatables .w-model-number {
width: 5rem;
max-width: 5rem;
min-width: 5rem; }
#stocks.table.datatables .w-product-code {
width: 6rem;
max-width: 6rem;
min-width: 6rem; }
#stocks.table.datatables .w-spec {
width: 5rem;
max-width: 5rem;
min-width: 5rem; }
#stocks.table.datatables .w-fd {
width: 10rem;
max-width: 10rem;
min-width: 10rem; }
#stocks.table.datatables .w-amount {
width: 5rem;
max-width: 5rem;
min-width: 5rem; }
#stocks.table.datatables .w-latest-applied-at {
width: 5rem;
max-width: 5rem;
min-width: 5rem; }
#stocks.table.datatables .w-item-updated-at {
width: 5rem;
max-width: 5rem;
min-width: 5rem; }
#stocks.table.datatables .w-item {
max-width: calc(80vw - 260px - 3rem - 46rem); }
#stocks.table.datatables.dept-selected .w-maker {
width: 5rem;
max-width: 5rem;
min-width: 5rem; }
#stocks.table.datatables.dept-selected .w-model-number {
width: 5rem;
max-width: 5rem;
min-width: 5rem; }
#stocks.table.datatables.dept-selected .w-product-code {
width: 5rem;
max-width: 5rem;
min-width: 5rem; }
#stocks.table.datatables.dept-selected .w-amount {
width: 5rem;
max-width: 5rem;
min-width: 5rem; }
#stocks.table.datatables.dept-selected .w-latest-applied-at {
width: 5rem;
max-width: 5rem;
min-width: 5rem; }
#stocks.table.datatables.dept-selected .w-item-updated-at {
width: 5rem;
max-width: 5rem;
min-width: 5rem; }
#stocks.table.datatables.dept-selected .w-item {
max-width: calc(80vw - 260px - 3rem - 30rem); }
div.sbm-header {
position: sticky;
top: 0;
z-index: 50;
display: grid;
grid-template-columns: 2rem 4rem 1fr 3fr 1fr 1fr 1fr 6rem;
font-size: 14px;
border-bottom: solid 1px #ddd;
background-color: #f5f5f5; }
div.sbm-header .item-no {
grid-column-start: 1;
grid-column-end: 3;
padding: 5px 5px 5px 5px; }
div.sbm-header .item-maker-name {
padding: 5px 5px 5px 5px; }
div.sbm-header .item-name {
padding: 5px 5px 5px 5px; }
div.sbm-header .item-model-number {
padding: 5px 5px 5px 5px; }
div.sbm-header .item-product-code {
padding: 5px 5px 5px 5px; }
div.sbm-header .item-spec {
padding: 5px 5px 5px 5px; }
div.sbm-header .item-unit-number {
padding: 5px 5px 5px 5px; }
div.sbm-item-div:not(:last-child) {
padding: 0.5rem 0 0.5rem 0; }
div.sbm-item-div:last-child {
padding: 0.5rem 0 0 0; }
div.sbm-item-div {
display: grid;
grid-template-columns: 2rem 4rem 1fr 3fr 1fr 1fr 1fr 6rem;
/* no, img, maker, name, model_number, product_code, spec, unit_number */
font-size: 14px; }
div.sbm-item-div .item-no {
grid-column-start: 1;
grid-row-start: 1;
grid-row-end: 3;
padding: 20px 5px 0px 0px;
text-align: center; }
div.sbm-item-div .item-image-holder {
grid-column-start: 2;
grid-row-start: 1;
grid-row-end: 3; }
div.sbm-item-div .item-image-holder img.item-image {
width: 4rem;
height: 4rem;
-o-object-fit: cover;
object-fit: cover; }
div.sbm-item-div .item-maker-name {
grid-column-start: 3;
padding: 5px 5px 5px 5px;
word-break: break-all; }
div.sbm-item-div .item-name {
grid-column-start: 4;
padding: 5px 5px 5px 5px;
word-break: break-all; }
div.sbm-item-div .item-model-number {
grid-column-start: 5;
padding: 5px 5px 5px 5px;
word-break: break-all; }
div.sbm-item-div .item-product-code {
grid-column-start: 6;
padding: 5px 5px 5px 5px;
word-break: break-all; }
div.sbm-item-div .item-spec {
grid-column-start: 7;
padding: 5px 5px 5px 5px;
word-break: break-all; }
div.sbm-item-div .item-unit-number {
grid-column-start: 8;
padding: 5px 5px 5px 5px;
word-break: break-all; }
div.sbm-item-div .operation-area {
grid-column: 8 / 9;
grid-row: 2 / 3; }
div.sbm-item-div .sbm-expired-at-area {
border-top: 1px dashed #dee2e6;
grid-column-start: 1;
grid-column-end: -1;
grid-row-start: 3;
display: grid;
grid-template-columns: 2rem 4rem 1fr 3fr 1fr 1fr 1fr 6rem; }
div.sbm-item-div .sbm-expired-at-area .sbm-expired-at-title {
grid-column: 1 / 3; }
div.sbm-item-div .sbm-expired-at-area .sbm-expired-at-details {
grid-column: 3 / -1;
display: grid;
grid-template-columns: repeat(2, 1fr); }
div.sbm-item-div .sbm-expired-at-area .sbm-expired-at-details .detail {
display: grid;
grid-template-columns: 4rem 10rem 1fr 4rem;
padding: 0.4rem; }
div.sbm-item-div .sbm-expired-at-area .sbm-expired-at-details .detail .sbm-expired-at {
grid-column: 2 / 3; }
div.sbm-item-div .sbm-expired-at-area .sbm-expired-at-details .detail .sbm-amount {
grid-column: 3 / 4; }
div.sbm-item-div .sbm-expired-at-area .sbm-expired-at-details .detail .del-expired-at-btn {
grid-column: 4 / 5; }
div.sbm-item-div .sbm-add-expired-at-btn-field {
grid-row: 4 / 5;
grid-column: 1 / -1; }
div.receipt-header {
position: sticky;
top: 72px;
z-index: 50;
display: grid;
grid-template-columns: 5.5rem 4.5rem 1fr 3fr 1fr 1fr 1fr 6rem;
font-size: 14px;
border-bottom: solid 1px #ddd;
background-color: #f5f5f5; }
div.receipt-header .item-no {
grid-column-start: 1;
padding: 5px 5px 5px 5px; }
div.receipt-header .item-maker-name {
grid-column-start: 3;
padding: 5px 5px 5px 5px; }
div.receipt-header .item-name {
grid-column-start: 4;
padding: 5px 5px 5px 5px; }
div.receipt-header .item-model-number {
grid-column-start: 5;
padding: 5px 5px 5px 5px; }
div.receipt-header .item-product-code {
grid-column-start: 6;
padding: 5px 5px 5px 5px; }
div.receipt-header .item-spec {
grid-column-start: 7;
padding: 5px 5px 5px 5px; }
div.receipt-header .application-amount {
grid-column-start: 8;
padding: 5px 5px 5px 5px; }
div.receipt-header .application-note {
display: none; }
div.receipt-item-wrapper {
position: relative;
border-bottom: solid 1px #ddd; }
div.receipt-item-wrapper.date-border {
border-bottom: solid 2px #2196f3; }
div.receipt-item-wrapper.deadline-border {
border-bottom: solid 2px #f44336; }
div.receipt-item-wrapper.search-target {
background-color: rgba(255, 255, 0, 0.2); }
div.receipt-item-wrapper.search-target.search-current {
background-color: rgba(255, 128, 0, 0.2); }
div.receipt-item-div {
display: grid;
grid-template-columns: 5.5rem 4.5rem 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 6rem;
/* no, img, maker, name, model_number, product_code, spec, amount */
padding: 0.5rem 0 0.5rem 0;
font-size: 14px; }
div.receipt-item-div .item-no {
grid-column-start: 1;
grid-row-start: 1;
grid-row-end: 3;
padding: 20px 5px 0px 5px; }
div.receipt-item-div .item-image-holder {
grid-column-start: 2;
grid-row-start: 1;
grid-row-end: 3;
margin: 0 0.25rem; }
div.receipt-item-div .item-image-holder img.item-image {
width: 4rem;
height: 4rem;
-o-object-fit: cover;
object-fit: cover; }
div.receipt-item-div .item-maker-name {
grid-column-start: 3;
grid-column-end: 5;
padding: 5px 5px 5px 5px;
word-break: break-all; }
div.receipt-item-div .item-name {
grid-column-start: 5;
grid-column-end: 11;
padding: 5px 5px 5px 5px;
word-break: break-all; }
div.receipt-item-div .item-model-number {
grid-column-start: 11;
grid-column-end: 13;
padding: 5px 5px 5px 5px;
word-break: break-all; }
div.receipt-item-div .item-product-code {
grid-column-start: 13;
grid-column-end: 15;
padding: 5px 5px 5px 5px;
word-break: break-all; }
div.receipt-item-div .item-spec {
grid-column-start: 15;
grid-column-end: 17;
padding: 5px 5px 5px 5px;
word-break: break-all; }
div.receipt-item-div .application-amount-text {
grid-column-start: 17;
font-size: 1.0rem;
padding: 5px 0px;
word-break: break-all; }
div.receipt-item-div .supp-appl-detail-info-div {
grid-column: 1 / -1;
grid-row: 3 / 4;
padding-top: 5px;
display: grid;
grid-template-columns: repeat(6, 1fr) 6rem; }
div.receipt-item-div .supp-appl-detail-info-div .application-title {
grid-column: 1 / -1;
display: flex;
word-break: break-all;
padding-left: 3px; }
div.receipt-item-div .supp-appl-detail-info-div .application-title .grid-label {
width: 5rem;
padding: 5px 0px 5px 5px;
background-color: #DBE6F0;
border-top: 1px solid #93B8B6;
border-bottom: 1px solid #93B8B6;
border-left: 1px solid #93B8B6;
border-right: 1px solid #93B8B6;
display: flex;
align-items: center; }
div.receipt-item-div .supp-appl-detail-info-div .application-title .grid-value {
width: calc(100% - 5rem);
padding: 5px 15px 5px 15px;
border-top: 1px solid #93B8B6;
border-bottom: 1px solid #93B8B6;
border-right: 1px solid #93B8B6;
display: flex;
align-items: center;
justify-content: left; }
div.receipt-item-div .supp-appl-detail-info-div .application-user-name {
grid-column: 1 / 4;
display: flex;
word-break: break-all;
padding-left: 3px; }
div.receipt-item-div .supp-appl-detail-info-div .application-user-name .grid-label {
width: 5rem;
padding: 5px 0px 5px 5px;
background-color: #DBE6F0;
border-bottom: 1px solid #93B8B6;
border-left: 1px solid #93B8B6;
border-right: 1px solid #93B8B6;
display: flex;
align-items: center; }
div.receipt-item-div .supp-appl-detail-info-div .application-user-name .grid-value {
width: calc(100% - 5rem);
padding: 5px 15px 5px 15px;
border-bottom: 1px solid #93B8B6;
display: flex;
align-items: center;
justify-content: left; }
div.receipt-item-div .supp-appl-detail-info-div .application-department-name {
grid-column: 4 / 7;
display: flex;
word-break: break-all; }
div.receipt-item-div .supp-appl-detail-info-div .application-department-name .grid-label {
width: 5rem;
padding: 5px 0px 5px 5px;
background-color: #DBE6F0;
border-bottom: 1px solid #93B8B6;
border-left: 1px solid #93B8B6;
border-right: 1px solid #93B8B6;
display: flex;
align-items: center; }
div.receipt-item-div .supp-appl-detail-info-div .application-department-name .grid-value {
width: calc(100% - 5rem);
padding: 5px 15px 5px 15px;
border-bottom: 1px solid #93B8B6;
border-right: 1px solid #93B8B6;
display: flex;
align-items: center;
justify-content: left; }
div.receipt-item-div .supp-appl-detail-info-div .application-status {
grid-column: 7 / 8;
padding: 5px 5px 5px 5px;
border-bottom: 1px solid #93B8B6;
border-right: 1px solid #93B8B6;
display: flex;
align-items: center;
justify-content: center; }
div.receipt-item-div .supp-appl-detail-info-div .application-detail-note {
grid-column: 1 / -1;
display: flex;
word-break: break-all;
padding-left: 3px; }
div.receipt-item-div .supp-appl-detail-info-div .application-detail-note .grid-label {
width: 5rem;
padding: 5px 0px 5px 5px;
background-color: #DBE6F0;
border-left: 1px solid #93B8B6;
border-right: 1px solid #93B8B6;
border-bottom: 1px solid #93B8B6;
display: flex;
align-items: center; }
div.receipt-item-div .supp-appl-detail-info-div .application-detail-note .grid-value {
width: calc(100% - 5rem);
border-bottom: 1px solid #93B8B6;
border-right: 1px solid #93B8B6;
padding: 5px 15px 5px 15px;
display: flex;
align-items: center;
justify-content: left; }
div.receipt-item-div .supp-appl-detail-info-div .application-detail-note .grid-value p {
margin: 0; }
div.receipt-item-div .supp-appl-detail-info-div .patients-div {
grid-column: 1 / -1;
display: flex;
word-break: break-all;
padding-left: 3px; }
div.receipt-item-div .supp-appl-detail-info-div .patients-div .grid-label {
width: 5rem;
padding: 5px 0px 5px 5px;
background-color: #DBE6F0;
border-bottom: 1px solid #93B8B6;
border-left: 1px solid #93B8B6;
border-right: 1px solid #93B8B6;
display: flex;
align-items: center; }
div.receipt-item-div .supp-appl-detail-info-div .patients-div .grid-value {
width: calc(100% - 5rem);
border-right: 1px solid #93B8B6;
border-bottom: 1px solid #93B8B6;
display: grid;
grid-template-columns: 1fr 1fr;
align-items: center;
justify-content: center; }
div.receipt-item-div .supp-appl-detail-info-div .patients-div .grid-value .patient-header {
color: #666666;
background-color: #f5f5f5;
border-bottom: 1px solid #ddd;
display: flex;
align-items: center; }
div.receipt-item-div .supp-appl-detail-info-div .patients-div .grid-value .patient-info-use-term .patient-name {
padding: 5px 10px 5px 10px;
border-right: 1px solid #ddd;
width: 25%; }
div.receipt-item-div .supp-appl-detail-info-div .patients-div .grid-value .patient-info-use-term .patient-id {
padding: 5px 10px 5px 10px;
border-right: 1px solid #ddd;
width: 20%; }
div.receipt-item-div .supp-appl-detail-info-div .patients-div .grid-value .patient-info-use-term .patient-amount {
padding: 5px 10px 5px 5px;
border-right: 1px solid #ddd;
width: 12%; }
div.receipt-item-div .supp-appl-detail-info-div .patients-div .grid-value .patient-info-use-term .patient-use-term {
padding: 5px 5px 5px 5px;
width: 43%; }
div.receipt-item-div .supp-appl-detail-info-div .patients-div .grid-value .patient-info-no-use-term .patient-name {
padding: 5px 10px 5px 10px;
border-right: 1px solid #ddd;
width: 40%; }
div.receipt-item-div .supp-appl-detail-info-div .patients-div .grid-value .patient-info-no-use-term .patient-id {
padding: 5px 10px 5px 10px;
border-right: 1px solid #ddd;
width: 40%; }
div.receipt-item-div .supp-appl-detail-info-div .patients-div .grid-value .patient-info-no-use-term .patient-amount {
padding: 5px 10px 5px 10px;
width: 20%; }
div.receipt-item-div .supp-appl-detail-info-div .patients-div .grid-value .patient-body {
display: flex;
align-items: center; }
div.receipt-item-div .supp-appl-detail-info-div .patients-div .grid-value .patient-header:nth-child(2n + 1), div.receipt-item-div .supp-appl-detail-info-div .patients-div .grid-value .patient-body:nth-child(2n + 1) {
border-right: 3px double #ddd; }
div.receipt-item-div .supp-appl-detail-info-div .patients-div .grid-value .patient-body:nth-child(n) {
border-bottom: 1px solid #ddd; }
div.receipt-item-div .supp-appl-detail-info-div .supp-appl-receipt-info {
grid-column: 1 / -1;
display: flex;
word-break: break-all;
padding-left: 3px; }
div.receipt-item-div .supp-appl-detail-info-div .supp-appl-receipt-info .line-through {
-webkit-text-decoration-line: line-through;
text-decoration-line: line-through; }
div.receipt-item-div .supp-appl-detail-info-div .supp-appl-receipt-info .grid-label {
width: 5rem;
padding: 5px 0px 5px 5px;
background-color: #DBE6F0;
border-bottom: 1px solid #93B8B6;
border-left: 1px solid #93B8B6;
border-right: 1px solid #93B8B6;
display: flex;
align-items: center; }
div.receipt-item-div .supp-appl-detail-info-div .supp-appl-receipt-info .grid-value {
width: calc(100% - 5rem);
border-bottom: 1px solid #93B8B6;
border-right: 1px solid #93B8B6;
display: grid;
grid-template-columns: 1fr 1fr;
align-items: center;
justify-content: center; }
div.receipt-item-div .supp-appl-detail-info-div .supp-appl-receipt-info .grid-value .receipt-details {
grid-column: 1 / -1;
display: grid;
grid-template-columns: 1fr 1fr; }
div.receipt-item-div .supp-appl-detail-info-div .supp-appl-receipt-info .grid-value .receipt-info-header {
color: #666666;
background-color: #f5f5f5;
border-bottom: 1px solid #ddd;
display: flex;
align-items: center; }
div.receipt-item-div .supp-appl-detail-info-div .supp-appl-receipt-info .grid-value .receipt-name {
padding: 5px 10px 5px 10px;
border-right: 1px solid #ddd;
width: calc(100% - 4rem - 8rem - 6rem - 4rem); }
div.receipt-item-div .supp-appl-detail-info-div .supp-appl-receipt-info .grid-value .receipt-amount {
padding: 5px 10px 5px 5px;
border-right: 1px solid #ddd;
width: 4rem; }
div.receipt-item-div .supp-appl-detail-info-div .supp-appl-receipt-info .grid-value .receipt-received-at {
padding: 5px 10px 5px 5px;
border-right: 1px solid #ddd;
width: 8rem; }
div.receipt-item-div .supp-appl-detail-info-div .supp-appl-receipt-info .grid-value .receipt-status {
padding: 5px 10px 5px 5px;
border-right: 1px solid #ddd;
width: 6rem; }
div.receipt-item-div .supp-appl-detail-info-div .supp-appl-receipt-info .grid-value .receipt-btn-div {
width: 4rem; }
div.receipt-item-div .supp-appl-detail-info-div .supp-appl-receipt-info .grid-value .receipt-body {
display: flex;
align-items: center; }
div.receipt-item-div .supp-appl-detail-info-div .supp-appl-receipt-info .grid-value .receipt-body.deprecated {
background-color: lightgray; }
div.receipt-item-div .supp-appl-detail-info-div .supp-appl-receipt-info .grid-value .receipt-info-header:nth-child(2n + 1), div.receipt-item-div .supp-appl-detail-info-div .supp-appl-receipt-info .grid-value .receipt-body:nth-child(2n + 1) {
border-right: 3px double #ddd; }
div.receipt-item-div .supp-appl-detail-info-div .supp-appl-receipt-info .grid-value .receipt-body:nth-child(n) {
border-bottom: 1px solid #ddd; }
.detail-urgent-stamp {
position: absolute;
top: 5px;
width: 40px;
text-align: center;
z-index: 40;
font-size: 14px;
color: #f44336;
border-style: solid;
border-width: 2px;
border-color: #f44336;
border-radius: 5px;
padding: 0px;
transform: rotate(-30deg); }
#powerful-search .input-container {
margin: 0;
margin-bottom: 5px;
padding-top: 12px;
position: relative; }
#powerful-search .input-container label {
position: absolute;
top: 17px;
left: 18px;
color: #aaa;
transition: all 0.2s;
cursor: text;
font-family: sans-serif;
font-size: 14px;
line-height: 24px;
pointer-events: none; }
#powerful-search .input-container input {
padding: 4px 10px;
border-bottom: 1px solid #ccc;
font-family: sans-serif;
font-size: 16px;
line-height: 20px;
color: #555;
-webkit-font-smoothing: antialiased;
outline: none;
width: 100%; }
#powerful-search .input-container span.is-focused, #powerful-search .input-container span.is-filled {
border-bottom: 1px solid #aaa; }
#powerful-search .input-container span.is-focused + label, #powerful-search .input-container span.is-filled + label {
font-size: 11px;
line-height: 12px;
top: 0px;
left: 5px;
color: #777; }
.item-type-label-popover {
min-width: 36rem; }
.item-type-label-popover .item-type-label-body {
background-color: #FF8;
position: relative;
padding-bottom: 5px; }
.item-type-label-popover .item-type-notation {
font-size: 1.2rem; }
.item-type-label-popover .arrow::after {
border-bottom-color: #FF8; }
.custom-popover-close {
position: absolute;
top: 5px;
right: 5px;
cursor: pointer; }
div.comments-list .comment-wrapper {
border: 1px solid #CED4EA;
border-radius: 5px; }
div.comments-list .comment-wrapper .base-field {
display: flex;
padding: 10px 20px 10px 10px;
border-bottom: 1px solid #CED4EA;
background: #f5f5f5; }
div.comments-list .comment-wrapper .content-field {
padding: 10px; }
.v_line_fix {
margin-left: 60px;
display: inline-block;
vertical-align: middle;
color: #333;
line-height: 1;
position: relative;
width: 0.1em;
height: 1em;
background: currentColor; }
.v_line_fix::before {
content: '';
width: 0.65em;
height: 0.65em;
border: 0.1em solid currentColor;
border-top: 0;
border-right: 0;
transform: rotate(-45deg);
transform-origin: bottom left;
position: absolute;
left: 50%;
bottom: -0.05em;
box-sizing: border-box; }
div.favorite-list-item {
border-top: 1px solid;
border-color: #ddd; }
div.favorite-list-header,
div.favorite-list-item {
display: grid;
grid-template-columns: 4.5rem 1fr 3fr 1fr 1fr 1fr 8rem; }
div.favorite-list-header .item-no,
div.favorite-list-item .item-no {
grid-column: 1 / 2;
padding: 5px 5px 5px 5px; }
div.favorite-list-header .item-name,
div.favorite-list-item .item-name {
grid-column: 2 / 4;
padding: 5px 5px 5px 5px; }
div.favorite-list-header .item-app-category,
div.favorite-list-item .item-app-category {
grid-column: 4 / 5;
padding: 5px 5px 5px 5px; }
div.favorite-list-header .item-updated-at,
div.favorite-list-item .item-updated-at {
grid-column: 5 / 6;
padding: 5px 5px 5px 5px; }
div.favorite-list-header .item-updater-name,
div.favorite-list-item .item-updater-name {
grid-column: 6 / 7;
padding: 5px 5px 5px 5px; }
div.favorite-list-header .item-import-btn,
div.favorite-list-item .item-import-btn {
grid-column: 7 / 8;
padding: 5px 5px 5px 5px; }
div.favorite-list-header .favorite-list-detail-content,
div.favorite-list-item .favorite-list-detail-content {
grid-column: 1 / 8; }
div.favorite-detail-header {
background-color: #f5f5f5;
font-weight: 600;
border-bottom: solid 1px #ddd; }
div.favorite-detail-header {
display: grid;
grid-template-columns: 4.5rem 1fr 3fr 1fr 1fr 1fr 8rem;
font-size: 14px; }
div.favorite-detail-header .item-image-holder {
grid-column: 1 / 2;
padding: 4px 4px 4px 4px; }
div.favorite-detail-header .item-image-holder img.item-image {
width: 4rem;
height: 4rem;
-o-object-fit: cover;
object-fit: cover; }
div.favorite-detail-header .item-maker {
grid-column: 2 / 3;
padding: 5px 5px 5px 5px; }
div.favorite-detail-header .item-name {
grid-column: 3 / 4;
padding: 5px 5px 5px 5px; }
div.favorite-detail-header .item-model-number {
grid-column: 4 / 5;
padding: 5px 5px 5px 5px; }
div.favorite-detail-header .item-product-code {
grid-column: 5 / 6;
padding: 5px 5px 5px 5px; }
div.favorite-detail-header .item-spec {
grid-column: 6 / 7;
padding: 5px 5px 5px 5px; }
div.favorite-detail-header .item-amount {
grid-column: 7 / 8;
padding: 5px 5px 5px 5px; }
div.favorite-detail-header .detail-cell {
border-bottom: 1px dashed;
border-color: #ddd; }
div.favorite-detail-header .detail-cell.last-detail-cell {
border-bottom: none; }
div.favorite-detail-body {
display: grid;
grid-template-columns: 4.5rem 1fr 3fr 1fr 1fr 1fr 8rem;
font-size: 14px; }
div.favorite-detail-body .favorite-list-item-div {
grid-column: 1 / -1;
display: grid;
grid-template-columns: 4.5rem 1fr 3fr 1fr 1fr 1fr 8rem; }
div.favorite-detail-body .favorite-list-item-div .item-image-holder {
grid-column: 1 / 2;
padding: 4px 4px 4px 4px; }
div.favorite-detail-body .favorite-list-item-div .item-image-holder img.item-image {
width: 4rem;
height: 4rem;
-o-object-fit: cover;
object-fit: cover; }
div.favorite-detail-body .favorite-list-item-div .item-maker {
grid-column: 2 / 3;
padding: 5px 5px 5px 5px; }
div.favorite-detail-body .favorite-list-item-div .item-name {
grid-column: 3 / 4;
padding: 5px 5px 5px 5px; }
div.favorite-detail-body .favorite-list-item-div .item-model-number {
grid-column: 4 / 5;
padding: 5px 5px 5px 5px; }
div.favorite-detail-body .favorite-list-item-div .item-product-code {
grid-column: 5 / 6;
padding: 5px 5px 5px 5px; }
div.favorite-detail-body .favorite-list-item-div .item-spec {
grid-column: 6 / 7;
padding: 5px 5px 5px 5px; }
div.favorite-detail-body .favorite-list-item-div .item-amount {
grid-column: 7 / 8;
padding: 5px 5px 5px 5px; }
div.favorite-detail-body .favorite-list-item-div .detail-cell {
border-bottom: 1px dashed;
border-color: #ddd; }
div.favorite-detail-body .favorite-list-item-div .detail-cell.last-detail-cell {
border-bottom: none; }
div.bsbsa-header {
position: sticky;
top: 0;
z-index: 50;
display: grid;
grid-template-columns: 2rem 4rem 1fr 3fr 1fr 1fr 2fr 5rem 5rem;
font-size: 14px;
border-bottom: solid 1px #ddd;
background-color: #f5f5f5;
padding: 0.5rem 0 0.5rem 0; }
div.bsbsa-header .item-no {
grid-column-start: 1;
grid-column-end: 3;
padding: 5px 5px 5px 5px; }
div.bsbsa-header .item-maker-name {
padding: 5px 5px 5px 5px; }
div.bsbsa-header .item-name {
padding: 5px 5px 5px 5px; }
div.bsbsa-header .item-model-number {
padding: 5px 5px 5px 5px; }
div.bsbsa-header .item-product-code {
padding: 5px 5px 5px 5px; }
div.bsbsa-header .item-spec {
padding: 5px 5px 5px 5px; }
div.bsbsa-header .item-unit-number {
padding: 5px 5px 5px 5px; }
div.bsbsa-header .application-amount {
padding: 5px 5px 5px 5px; }
div.bsbsa-item-div:not(:last-child) {
padding: 0.5rem 0 0.5rem 0; }
div.bsbsa-item-div:last-child {
padding: 0.5rem 0 0 0; }
div.bsbsa-item-div {
display: grid;
grid-template-columns: 2rem 4rem 1fr 3fr 1fr 1fr 2fr 5rem 5rem;
/* no, img, maker, name, model_number, product_code, spec, unit_number */
font-size: 14px; }
div.bsbsa-item-div .item-no {
grid-column-start: 1;
grid-row-start: 1;
grid-row-end: 3;
padding: 20px 5px 0px 0px;
text-align: center; }
div.bsbsa-item-div .item-image-holder {
grid-column-start: 2;
grid-row-start: 1;
grid-row-end: 3; }
div.bsbsa-item-div .item-image-holder img.item-image {
width: 4rem;
height: 4rem;
-o-object-fit: cover;
object-fit: cover; }
div.bsbsa-item-div .item-maker-name {
grid-column-start: 3;
padding: 5px 5px 5px 5px;
word-break: break-all; }
div.bsbsa-item-div .item-name {
grid-column-start: 4;
padding: 5px 5px 5px 5px;
word-break: break-all; }
div.bsbsa-item-div .item-model-number {
grid-column-start: 5;
padding: 5px 5px 5px 5px;
word-break: break-all; }
div.bsbsa-item-div .item-product-code {
grid-column-start: 6;
padding: 5px 5px 5px 5px;
word-break: break-all; }
div.bsbsa-item-div .item-spec {
grid-column-start: 7;
padding: 5px 5px 5px 5px;
word-break: break-all; }
div.bsbsa-item-div .item-unit-number {
grid-column-start: 8;
padding: 5px 5px 5px 5px;
word-break: break-all; }
div.bsbsa-item-div .application-amount {
grid-column: 9 / 10;
grid-row: 1 / 2; }
div.bsbsa-item-div .operation-area {
grid-column: 9 / 10;
grid-row: 2 / 3; }
div.bsbsa-item-div .error-text-area {
grid-column: 4 / 8;
grid-row: 2 / 3; }
.ui-autocomplete.ui-widget-content {
border: 1px solid #c5c5c5;
background: #ffffff;
color: #333333;
list-style-type: none; }
.ui-autocomplete .ui-state-active {
border: 1px solid #003eff;
background: #007fff;
font-weight: normal;
color: #ffffff; }
.alert {
word-wrap: break-word; }
.btn {
text-transform: none; }
.btn.btn-outline {
background-color: white; }
.sidebar .logo .simple-text {
text-transform: none; }
.clickable:hover {
background-color: rgba(153, 153, 153, 0.2);
cursor: pointer; }
a.link-text {
color: #03c;
text-decoration: underline; }
.simple-clickable:hover {
cursor: pointer; }
.hover-grey:hover {
background-color: rgba(153, 153, 153, 0.2); }
#sform {
letter-spacing: -.4em; }
#sform div.dropdown {
width: 25%;
letter-spacing: normal; }
#sform div.filter-option {
font-size: 16px;
padding-left: 10px;
padding-top: 9px;
padding-bottom: 10px; }
#sform div.filter-option .filter-option-inner {
text-align: center; }
#sform .dropdown-toggle::after {
margin-top: 10px;
vertical-align: 0;
border-top: 0.6em solid;
border-right: 0.6em solid transparent;
border-left: 0.6em solid transparent; }
#sform div.bootstrap-select > .btn {
height: 40px;
margin: 0;
border-radius: 5px 0 0 5px; }
#v-sbox {
-webkit-appearance: none;
display: inline-block;
margin-right: 0;
padding: 10px;
width: calc(95% - 50px);
height: 40px;
font-size: 100%;
box-sizing: border-box;
border-radius: 5px 0 0 5px;
border: 1px solid #ccc;
border-right: none;
vertical-align: middle; }
#v-sbtn {
-webkit-appearance: none;
display: inline-block;
padding: 0 10px;
color: #fff;
height: 40px;
font-size: 30px;
vertical-align: middle;
border: none;
border-radius: 0 5px 5px 0;
background: #e91e63; }
#v-sbtn:hover {
cursor: pointer;
opacity: 0.9; }
.dummy-search {
display: inline;
font-size: 16px;
width: 150px;
padding-top: 11px;
padding-bottom: 11px;
height: 40px;
margin: 0;
border-radius: 5px 0 0 5px; }
#sbox,
.item-list-search-area .page-sbox {
-webkit-appearance: none;
display: inline-block;
margin-right: 0;
padding: 10px;
width: 400px;
height: 40px;
font-size: 16px;
box-sizing: border-box;
border: 1px solid #ccc;
border-right: none;
border-left: none;
vertical-align: middle;
border-radius: 0; }
#sbox.page-sbox,
.item-list-search-area .page-sbox.page-sbox {
height: 32px;
width: calc(100% - 40px);
border-left: solid 1px #ccc;
font-size: 14px;
border-radius: 5px 0 0 5px; }
#sbtn,
.item-list-search-area .page-sbtn {
-webkit-appearance: none;
display: inline-block;
padding: 0 10px;
color: #fff;
height: 40px;
font-size: 30px;
vertical-align: middle;
border: none;
border-radius: 0 5px 5px 0;
background: #003f69; }
#sbtn.page-sbtn,
.item-list-search-area .page-sbtn.page-sbtn {
height: 32px;
width: 40px;
font-size: 20px; }
#sbtn:hover,
.item-list-search-area .page-sbtn:hover {
cursor: pointer;
background: #005e9c; }
.category-container {
position: relative;
overflow: hidden;
height: 150px;
transition: all 0.5s ease-out;
text-align: center;
background-color: #fff; }
.category-container:hover {
background-color: rgba(153, 153, 153, 0.2);
cursor: pointer; }
.category-link {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
padding: 16px;
transition: all .3s ease-out;
color: #333; }
.category-thumbnail {
width: 80px;
height: 80px;
margin: auto;
mix-blend-mode: darken; }
.category-image {
max-width: 100%;
max-height: 100%; }
.category-title {
box-sizing: border-box;
font-size: 14px;
font-weight: 700;
line-height: 1.3;
overflow: hidden;
margin-top: 16px;
white-space: nowrap;
text-overflow: ellipsis;
color: #333; }
.category-item-list {
position: absolute;
top: 146px;
width: 100%; }
.category-item {
font-size: 12px;
line-height: 1.3; }
.category-item:not(:first-child) {
margin-top: 12px; }
.category-item-link {
display: block;
width: 100%;
padding: 0 16px;
box-sizing: border-box;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis; }
.category-item-link:hover {
text-decoration: underline; }
div.category-list > .row > [class^=col-] {
border-right: 1px solid #ebebeb;
border-bottom: 1px solid #ebebeb;
box-sizing: border-box; }
div.category-list > .row > [class^=col-]:nth-child(6n) {
border-right: none; }
.child-category-container {
position: relative;
overflow: hidden;
height: 200px;
transition: all 0.5s ease-out;
text-align: center;
background-color: #fff; }
.child-category-container:hover {
background-color: rgba(153, 153, 153, 0.2);
cursor: pointer; }
.child-category-link {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
padding: 16px;
transition: all .3s ease-out;
color: #333; }
.child-category-thumbnail {
width: 100px;
height: 100px;
margin: auto;
mix-blend-mode: darken; }
.child-category-image {
max-width: 100%;
max-height: 100%; }
.child-category-title {
box-sizing: border-box;
font-size: 14px;
font-weight: 700;
line-height: 1.3;
overflow: hidden;
margin-top: 16px;
white-space: nowrap;
text-overflow: ellipsis;
color: #333; }
/*
div.item-list > .row > [class^=col-] {
border-right: 1px solid #ebebeb;
border-bottom: 1px solid #ebebeb;
box-sizing: border-box;
}
div.item-list > .row > [class^=col-]:nth-child(4n) {
border-right: none;
}
.item-container {
position: relative;
overflow: hidden;
height: 318px;
transition:all 0.5s ease-out;
text-align: center;
background-color: #fff;
}
.item-container:hover {
background-color: rgba(153, 153, 153, 0.2);
cursor: pointer;
}
.item-link {
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
padding: 16px;
transition: all 0.3s ease-out;
color: #333;
}
.item-thumbnail {
width: 100%;
height: 70%;
margin: auto;
mix-blend-mode: darken;
}
.item-image {
max-width: 100%;
max-height: 100%;
}
.item-title {
text-align: left;
font-size: 14px;
font-weight: 700;
line-height: 1.3;
margin-top: 16px;
h2 {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
font-weight: 400;
font-size: 14px;
max-height: 36px;
line-height: 1.5;
}
}
.item-manufacturer {
text-align: left;
font-size: 13px;
color: #565959;
}
*/
#item-detail-modal #item-modal-title {
word-break: break-all; }
.item-detail-container {
height: 600px; }
.item-detail-container:first-child {
border-right: 1px solid #ebebeb; }
.item-detail-thumbnail {
width: 100%;
height: 70%;
margin: auto; }
.item-detail-image {
width: 100%;
height: 100%;
-o-object-fit: contain;
object-fit: contain; }
.item-detail-title {
font-size: 24px !important;
line-height: 32px !important; }
.item-detail-manufacturer {
text-align: left;
font-size: 13px;
color: #565959; }
div.item-detail-pane {
font-size: 0.875rem;
word-break: break-all; }
div.item-detail-pane div.row div[class^=col-] {
border-bottom: 1px solid #dee2e6 !important; }
div.item-detail-pane div.row div.item-label {
color: #757575 !important;
background-color: #f5f5f5; }
.detail-section td {
padding: 4px; }
.a-span3 {
font-size: 14px !important;
font-weight: 700 !important;
width: 26.18%; }
.a-span9 {
font-size: 14px !important;
width: 78.68%; }
.button-section {
height: 240px;
margin-top: 40px; }
[class*="col-"] .bmd-form-group .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
max-width: none;
max-width: initial; }
.bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
max-width: none;
max-width: initial; }
#navbarDropdownProfile span {
font-size: 1.125rem;
font-weight: bold; }
.sc-list-item-border {
border-bottom: 1px solid #DDD; }
.sc-list-item-border:first-child {
border-top: 1px solid #DDD; }
.sc-list-item-content {
margin-top: 15px !important;
margin-bottom: 15px !important; }
.fixed-left-grid {
height: 100%; }
.fixed-left-grid-inner {
height: 100%; }
.sc-list-item-checkbox {
margin-top: 80px; }
.sc-list-item-image {
padding-left: 15px;
height: 100%; }
.sc-product-title {
font-size: 18px !important;
line-height: 24px !important;
color: #0F1111; }
.w-1rem {
width: 1rem !important; }
.min-w-1rem {
min-width: 1rem !important; }
.max-w-1rem {
max-width: 1rem !important; }
.fix-w-1rem {
width: 1rem !important;
min-width: 1rem !important;
max-width: 1rem !important; }
.w-2rem {
width: 2rem !important; }
.min-w-2rem {
min-width: 2rem !important; }
.max-w-2rem {
max-width: 2rem !important; }
.fix-w-2rem {
width: 2rem !important;
min-width: 2rem !important;
max-width: 2rem !important; }
.w-3rem {
width: 3rem !important; }
.min-w-3rem {
min-width: 3rem !important; }
.max-w-3rem {
max-width: 3rem !important; }
.fix-w-3rem {
width: 3rem !important;
min-width: 3rem !important;
max-width: 3rem !important; }
.w-4rem {
width: 4rem !important; }
.min-w-4rem {
min-width: 4rem !important; }
.max-w-4rem {
max-width: 4rem !important; }
.fix-w-4rem {
width: 4rem !important;
min-width: 4rem !important;
max-width: 4rem !important; }
.w-5rem {
width: 5rem !important; }
.min-w-5rem {
min-width: 5rem !important; }
.max-w-5rem {
max-width: 5rem !important; }
.fix-w-5rem {
width: 5rem !important;
min-width: 5rem !important;
max-width: 5rem !important; }
.w-6rem {
width: 6rem !important; }
.min-w-6rem {
min-width: 6rem !important; }
.max-w-6rem {
max-width: 6rem !important; }
.fix-w-6rem {
width: 6rem !important;
min-width: 6rem !important;
max-width: 6rem !important; }
.w-7rem {
width: 7rem !important; }
.min-w-7rem {
min-width: 7rem !important; }
.max-w-7rem {
max-width: 7rem !important; }
.fix-w-7rem {
width: 7rem !important;
min-width: 7rem !important;
max-width: 7rem !important; }
.w-8rem {
width: 8rem !important; }
.min-w-8rem {
min-width: 8rem !important; }
.max-w-8rem {
max-width: 8rem !important; }
.fix-w-8rem {
width: 8rem !important;
min-width: 8rem !important;
max-width: 8rem !important; }
.w-9rem {
width: 9rem !important; }
.min-w-9rem {
min-width: 9rem !important; }
.max-w-9rem {
max-width: 9rem !important; }
.fix-w-9rem {
width: 9rem !important;
min-width: 9rem !important;
max-width: 9rem !important; }
.w-10rem {
width: 10rem !important; }
.min-w-10rem {
min-width: 10rem !important; }
.max-w-10rem {
max-width: 10rem !important; }
.fix-w-10rem {
width: 10rem !important;
min-width: 10rem !important;
max-width: 10rem !important; }
.w-11rem {
width: 11rem !important; }
.min-w-11rem {
min-width: 11rem !important; }
.max-w-11rem {
max-width: 11rem !important; }
.fix-w-11rem {
width: 11rem !important;
min-width: 11rem !important;
max-width: 11rem !important; }
.w-12rem {
width: 12rem !important; }
.min-w-12rem {
min-width: 12rem !important; }
.max-w-12rem {
max-width: 12rem !important; }
.fix-w-12rem {
width: 12rem !important;
min-width: 12rem !important;
max-width: 12rem !important; }
.w-13rem {
width: 13rem !important; }
.min-w-13rem {
min-width: 13rem !important; }
.max-w-13rem {
max-width: 13rem !important; }
.fix-w-13rem {
width: 13rem !important;
min-width: 13rem !important;
max-width: 13rem !important; }
.w-14rem {
width: 14rem !important; }
.min-w-14rem {
min-width: 14rem !important; }
.max-w-14rem {
max-width: 14rem !important; }
.fix-w-14rem {
width: 14rem !important;
min-width: 14rem !important;
max-width: 14rem !important; }
.w-15rem {
width: 15rem !important; }
.min-w-15rem {
min-width: 15rem !important; }
.max-w-15rem {
max-width: 15rem !important; }
.fix-w-15rem {
width: 15rem !important;
min-width: 15rem !important;
max-width: 15rem !important; }
.w-16rem {
width: 16rem !important; }
.min-w-16rem {
min-width: 16rem !important; }
.max-w-16rem {
max-width: 16rem !important; }
.fix-w-16rem {
width: 16rem !important;
min-width: 16rem !important;
max-width: 16rem !important; }
.w-17rem {
width: 17rem !important; }
.min-w-17rem {
min-width: 17rem !important; }
.max-w-17rem {
max-width: 17rem !important; }
.fix-w-17rem {
width: 17rem !important;
min-width: 17rem !important;
max-width: 17rem !important; }
.w-18rem {
width: 18rem !important; }
.min-w-18rem {
min-width: 18rem !important; }
.max-w-18rem {
max-width: 18rem !important; }
.fix-w-18rem {
width: 18rem !important;
min-width: 18rem !important;
max-width: 18rem !important; }
.w-19rem {
width: 19rem !important; }
.min-w-19rem {
min-width: 19rem !important; }
.max-w-19rem {
max-width: 19rem !important; }
.fix-w-19rem {
width: 19rem !important;
min-width: 19rem !important;
max-width: 19rem !important; }
.w-20rem {
width: 20rem !important; }
.min-w-20rem {
min-width: 20rem !important; }
.max-w-20rem {
max-width: 20rem !important; }
.fix-w-20rem {
width: 20rem !important;
min-width: 20rem !important;
max-width: 20rem !important; }
.w-21rem {
width: 21rem !important; }
.min-w-21rem {
min-width: 21rem !important; }
.max-w-21rem {
max-width: 21rem !important; }
.fix-w-21rem {
width: 21rem !important;
min-width: 21rem !important;
max-width: 21rem !important; }
.w-22rem {
width: 22rem !important; }
.min-w-22rem {
min-width: 22rem !important; }
.max-w-22rem {
max-width: 22rem !important; }
.fix-w-22rem {
width: 22rem !important;
min-width: 22rem !important;
max-width: 22rem !important; }
.w-23rem {
width: 23rem !important; }
.min-w-23rem {
min-width: 23rem !important; }
.max-w-23rem {
max-width: 23rem !important; }
.fix-w-23rem {
width: 23rem !important;
min-width: 23rem !important;
max-width: 23rem !important; }
.w-24rem {
width: 24rem !important; }
.min-w-24rem {
min-width: 24rem !important; }
.max-w-24rem {
max-width: 24rem !important; }
.fix-w-24rem {
width: 24rem !important;
min-width: 24rem !important;
max-width: 24rem !important; }
.w-25rem {
width: 25rem !important; }
.min-w-25rem {
min-width: 25rem !important; }
.max-w-25rem {
max-width: 25rem !important; }
.fix-w-25rem {
width: 25rem !important;
min-width: 25rem !important;
max-width: 25rem !important; }
.w-26rem {
width: 26rem !important; }
.min-w-26rem {
min-width: 26rem !important; }
.max-w-26rem {
max-width: 26rem !important; }
.fix-w-26rem {
width: 26rem !important;
min-width: 26rem !important;
max-width: 26rem !important; }
.w-27rem {
width: 27rem !important; }
.min-w-27rem {
min-width: 27rem !important; }
.max-w-27rem {
max-width: 27rem !important; }
.fix-w-27rem {
width: 27rem !important;
min-width: 27rem !important;
max-width: 27rem !important; }
.w-28rem {
width: 28rem !important; }
.min-w-28rem {
min-width: 28rem !important; }
.max-w-28rem {
max-width: 28rem !important; }
.fix-w-28rem {
width: 28rem !important;
min-width: 28rem !important;
max-width: 28rem !important; }
.w-29rem {
width: 29rem !important; }
.min-w-29rem {
min-width: 29rem !important; }
.max-w-29rem {
max-width: 29rem !important; }
.fix-w-29rem {
width: 29rem !important;
min-width: 29rem !important;
max-width: 29rem !important; }
.w-30rem {
width: 30rem !important; }
.min-w-30rem {
min-width: 30rem !important; }
.max-w-30rem {
max-width: 30rem !important; }
.fix-w-30rem {
width: 30rem !important;
min-width: 30rem !important;
max-width: 30rem !important; }
.w-31rem {
width: 31rem !important; }
.min-w-31rem {
min-width: 31rem !important; }
.max-w-31rem {
max-width: 31rem !important; }
.fix-w-31rem {
width: 31rem !important;
min-width: 31rem !important;
max-width: 31rem !important; }
.w-32rem {
width: 32rem !important; }
.min-w-32rem {
min-width: 32rem !important; }
.max-w-32rem {
max-width: 32rem !important; }
.fix-w-32rem {
width: 32rem !important;
min-width: 32rem !important;
max-width: 32rem !important; }
.w-33rem {
width: 33rem !important; }
.min-w-33rem {
min-width: 33rem !important; }
.max-w-33rem {
max-width: 33rem !important; }
.fix-w-33rem {
width: 33rem !important;
min-width: 33rem !important;
max-width: 33rem !important; }
.w-34rem {
width: 34rem !important; }
.min-w-34rem {
min-width: 34rem !important; }
.max-w-34rem {
max-width: 34rem !important; }
.fix-w-34rem {
width: 34rem !important;
min-width: 34rem !important;
max-width: 34rem !important; }
.w-35rem {
width: 35rem !important; }
.min-w-35rem {
min-width: 35rem !important; }
.max-w-35rem {
max-width: 35rem !important; }
.fix-w-35rem {
width: 35rem !important;
min-width: 35rem !important;
max-width: 35rem !important; }
.w-36rem {
width: 36rem !important; }
.min-w-36rem {
min-width: 36rem !important; }
.max-w-36rem {
max-width: 36rem !important; }
.fix-w-36rem {
width: 36rem !important;
min-width: 36rem !important;
max-width: 36rem !important; }
.w-37rem {
width: 37rem !important; }
.min-w-37rem {
min-width: 37rem !important; }
.max-w-37rem {
max-width: 37rem !important; }
.fix-w-37rem {
width: 37rem !important;
min-width: 37rem !important;
max-width: 37rem !important; }
.w-38rem {
width: 38rem !important; }
.min-w-38rem {
min-width: 38rem !important; }
.max-w-38rem {
max-width: 38rem !important; }
.fix-w-38rem {
width: 38rem !important;
min-width: 38rem !important;
max-width: 38rem !important; }
.w-39rem {
width: 39rem !important; }
.min-w-39rem {
min-width: 39rem !important; }
.max-w-39rem {
max-width: 39rem !important; }
.fix-w-39rem {
width: 39rem !important;
min-width: 39rem !important;
max-width: 39rem !important; }
.w-40rem {
width: 40rem !important; }
.min-w-40rem {
min-width: 40rem !important; }
.max-w-40rem {
max-width: 40rem !important; }
.fix-w-40rem {
width: 40rem !important;
min-width: 40rem !important;
max-width: 40rem !important; }
.w-41rem {
width: 41rem !important; }
.min-w-41rem {
min-width: 41rem !important; }
.max-w-41rem {
max-width: 41rem !important; }
.fix-w-41rem {
width: 41rem !important;
min-width: 41rem !important;
max-width: 41rem !important; }
.w-42rem {
width: 42rem !important; }
.min-w-42rem {
min-width: 42rem !important; }
.max-w-42rem {
max-width: 42rem !important; }
.fix-w-42rem {
width: 42rem !important;
min-width: 42rem !important;
max-width: 42rem !important; }
.w-43rem {
width: 43rem !important; }
.min-w-43rem {
min-width: 43rem !important; }
.max-w-43rem {
max-width: 43rem !important; }
.fix-w-43rem {
width: 43rem !important;
min-width: 43rem !important;
max-width: 43rem !important; }
.w-44rem {
width: 44rem !important; }
.min-w-44rem {
min-width: 44rem !important; }
.max-w-44rem {
max-width: 44rem !important; }
.fix-w-44rem {
width: 44rem !important;
min-width: 44rem !important;
max-width: 44rem !important; }
.w-45rem {
width: 45rem !important; }
.min-w-45rem {
min-width: 45rem !important; }
.max-w-45rem {
max-width: 45rem !important; }
.fix-w-45rem {
width: 45rem !important;
min-width: 45rem !important;
max-width: 45rem !important; }
.w-46rem {
width: 46rem !important; }
.min-w-46rem {
min-width: 46rem !important; }
.max-w-46rem {
max-width: 46rem !important; }
.fix-w-46rem {
width: 46rem !important;
min-width: 46rem !important;
max-width: 46rem !important; }
.w-47rem {
width: 47rem !important; }
.min-w-47rem {
min-width: 47rem !important; }
.max-w-47rem {
max-width: 47rem !important; }
.fix-w-47rem {
width: 47rem !important;
min-width: 47rem !important;
max-width: 47rem !important; }
.w-48rem {
width: 48rem !important; }
.min-w-48rem {
min-width: 48rem !important; }
.max-w-48rem {
max-width: 48rem !important; }
.fix-w-48rem {
width: 48rem !important;
min-width: 48rem !important;
max-width: 48rem !important; }
.w-49rem {
width: 49rem !important; }
.min-w-49rem {
min-width: 49rem !important; }
.max-w-49rem {
max-width: 49rem !important; }
.fix-w-49rem {
width: 49rem !important;
min-width: 49rem !important;
max-width: 49rem !important; }
.w-50rem {
width: 50rem !important; }
.min-w-50rem {
min-width: 50rem !important; }
.max-w-50rem {
max-width: 50rem !important; }
.fix-w-50rem {
width: 50rem !important;
min-width: 50rem !important;
max-width: 50rem !important; }
.w-51rem {
width: 51rem !important; }
.min-w-51rem {
min-width: 51rem !important; }
.max-w-51rem {
max-width: 51rem !important; }
.fix-w-51rem {
width: 51rem !important;
min-width: 51rem !important;
max-width: 51rem !important; }
.w-52rem {
width: 52rem !important; }
.min-w-52rem {
min-width: 52rem !important; }
.max-w-52rem {
max-width: 52rem !important; }
.fix-w-52rem {
width: 52rem !important;
min-width: 52rem !important;
max-width: 52rem !important; }
.w-53rem {
width: 53rem !important; }
.min-w-53rem {
min-width: 53rem !important; }
.max-w-53rem {
max-width: 53rem !important; }
.fix-w-53rem {
width: 53rem !important;
min-width: 53rem !important;
max-width: 53rem !important; }
.w-54rem {
width: 54rem !important; }
.min-w-54rem {
min-width: 54rem !important; }
.max-w-54rem {
max-width: 54rem !important; }
.fix-w-54rem {
width: 54rem !important;
min-width: 54rem !important;
max-width: 54rem !important; }
.w-55rem {
width: 55rem !important; }
.min-w-55rem {
min-width: 55rem !important; }
.max-w-55rem {
max-width: 55rem !important; }
.fix-w-55rem {
width: 55rem !important;
min-width: 55rem !important;
max-width: 55rem !important; }
.w-56rem {
width: 56rem !important; }
.min-w-56rem {
min-width: 56rem !important; }
.max-w-56rem {
max-width: 56rem !important; }
.fix-w-56rem {
width: 56rem !important;
min-width: 56rem !important;
max-width: 56rem !important; }
.w-57rem {
width: 57rem !important; }
.min-w-57rem {
min-width: 57rem !important; }
.max-w-57rem {
max-width: 57rem !important; }
.fix-w-57rem {
width: 57rem !important;
min-width: 57rem !important;
max-width: 57rem !important; }
.w-58rem {
width: 58rem !important; }
.min-w-58rem {
min-width: 58rem !important; }
.max-w-58rem {
max-width: 58rem !important; }
.fix-w-58rem {
width: 58rem !important;
min-width: 58rem !important;
max-width: 58rem !important; }
.w-59rem {
width: 59rem !important; }
.min-w-59rem {
min-width: 59rem !important; }
.max-w-59rem {
max-width: 59rem !important; }
.fix-w-59rem {
width: 59rem !important;
min-width: 59rem !important;
max-width: 59rem !important; }
.w-60rem {
width: 60rem !important; }
.min-w-60rem {
min-width: 60rem !important; }
.max-w-60rem {
max-width: 60rem !important; }
.fix-w-60rem {
width: 60rem !important;
min-width: 60rem !important;
max-width: 60rem !important; }
.w-61rem {
width: 61rem !important; }
.min-w-61rem {
min-width: 61rem !important; }
.max-w-61rem {
max-width: 61rem !important; }
.fix-w-61rem {
width: 61rem !important;
min-width: 61rem !important;
max-width: 61rem !important; }
.w-62rem {
width: 62rem !important; }
.min-w-62rem {
min-width: 62rem !important; }
.max-w-62rem {
max-width: 62rem !important; }
.fix-w-62rem {
width: 62rem !important;
min-width: 62rem !important;
max-width: 62rem !important; }
.w-63rem {
width: 63rem !important; }
.min-w-63rem {
min-width: 63rem !important; }
.max-w-63rem {
max-width: 63rem !important; }
.fix-w-63rem {
width: 63rem !important;
min-width: 63rem !important;
max-width: 63rem !important; }
.w-64rem {
width: 64rem !important; }
.min-w-64rem {
min-width: 64rem !important; }
.max-w-64rem {
max-width: 64rem !important; }
.fix-w-64rem {
width: 64rem !important;
min-width: 64rem !important;
max-width: 64rem !important; }
.w-65rem {
width: 65rem !important; }
.min-w-65rem {
min-width: 65rem !important; }
.max-w-65rem {
max-width: 65rem !important; }
.fix-w-65rem {
width: 65rem !important;
min-width: 65rem !important;
max-width: 65rem !important; }
.w-66rem {
width: 66rem !important; }
.min-w-66rem {
min-width: 66rem !important; }
.max-w-66rem {
max-width: 66rem !important; }
.fix-w-66rem {
width: 66rem !important;
min-width: 66rem !important;
max-width: 66rem !important; }
.w-67rem {
width: 67rem !important; }
.min-w-67rem {
min-width: 67rem !important; }
.max-w-67rem {
max-width: 67rem !important; }
.fix-w-67rem {
width: 67rem !important;
min-width: 67rem !important;
max-width: 67rem !important; }
.w-68rem {
width: 68rem !important; }
.min-w-68rem {
min-width: 68rem !important; }
.max-w-68rem {
max-width: 68rem !important; }
.fix-w-68rem {
width: 68rem !important;
min-width: 68rem !important;
max-width: 68rem !important; }
.w-69rem {
width: 69rem !important; }
.min-w-69rem {
min-width: 69rem !important; }
.max-w-69rem {
max-width: 69rem !important; }
.fix-w-69rem {
width: 69rem !important;
min-width: 69rem !important;
max-width: 69rem !important; }
.w-70rem {
width: 70rem !important; }
.min-w-70rem {
min-width: 70rem !important; }
.max-w-70rem {
max-width: 70rem !important; }
.fix-w-70rem {
width: 70rem !important;
min-width: 70rem !important;
max-width: 70rem !important; }
.w-71rem {
width: 71rem !important; }
.min-w-71rem {
min-width: 71rem !important; }
.max-w-71rem {
max-width: 71rem !important; }
.fix-w-71rem {
width: 71rem !important;
min-width: 71rem !important;
max-width: 71rem !important; }
.w-72rem {
width: 72rem !important; }
.min-w-72rem {
min-width: 72rem !important; }
.max-w-72rem {
max-width: 72rem !important; }
.fix-w-72rem {
width: 72rem !important;
min-width: 72rem !important;
max-width: 72rem !important; }
.w-73rem {
width: 73rem !important; }
.min-w-73rem {
min-width: 73rem !important; }
.max-w-73rem {
max-width: 73rem !important; }
.fix-w-73rem {
width: 73rem !important;
min-width: 73rem !important;
max-width: 73rem !important; }
.w-74rem {
width: 74rem !important; }
.min-w-74rem {
min-width: 74rem !important; }
.max-w-74rem {
max-width: 74rem !important; }
.fix-w-74rem {
width: 74rem !important;
min-width: 74rem !important;
max-width: 74rem !important; }
.w-75rem {
width: 75rem !important; }
.min-w-75rem {
min-width: 75rem !important; }
.max-w-75rem {
max-width: 75rem !important; }
.fix-w-75rem {
width: 75rem !important;
min-width: 75rem !important;
max-width: 75rem !important; }
.w-76rem {
width: 76rem !important; }
.min-w-76rem {
min-width: 76rem !important; }
.max-w-76rem {
max-width: 76rem !important; }
.fix-w-76rem {
width: 76rem !important;
min-width: 76rem !important;
max-width: 76rem !important; }
.w-77rem {
width: 77rem !important; }
.min-w-77rem {
min-width: 77rem !important; }
.max-w-77rem {
max-width: 77rem !important; }
.fix-w-77rem {
width: 77rem !important;
min-width: 77rem !important;
max-width: 77rem !important; }
.w-78rem {
width: 78rem !important; }
.min-w-78rem {
min-width: 78rem !important; }
.max-w-78rem {
max-width: 78rem !important; }
.fix-w-78rem {
width: 78rem !important;
min-width: 78rem !important;
max-width: 78rem !important; }
.w-79rem {
width: 79rem !important; }
.min-w-79rem {
min-width: 79rem !important; }
.max-w-79rem {
max-width: 79rem !important; }
.fix-w-79rem {
width: 79rem !important;
min-width: 79rem !important;
max-width: 79rem !important; }
.w-80rem {
width: 80rem !important; }
.min-w-80rem {
min-width: 80rem !important; }
.max-w-80rem {
max-width: 80rem !important; }
.fix-w-80rem {
width: 80rem !important;
min-width: 80rem !important;
max-width: 80rem !important; }
.w-81rem {
width: 81rem !important; }
.min-w-81rem {
min-width: 81rem !important; }
.max-w-81rem {
max-width: 81rem !important; }
.fix-w-81rem {
width: 81rem !important;
min-width: 81rem !important;
max-width: 81rem !important; }
.w-82rem {
width: 82rem !important; }
.min-w-82rem {
min-width: 82rem !important; }
.max-w-82rem {
max-width: 82rem !important; }
.fix-w-82rem {
width: 82rem !important;
min-width: 82rem !important;
max-width: 82rem !important; }
.w-83rem {
width: 83rem !important; }
.min-w-83rem {
min-width: 83rem !important; }
.max-w-83rem {
max-width: 83rem !important; }
.fix-w-83rem {
width: 83rem !important;
min-width: 83rem !important;
max-width: 83rem !important; }
.w-84rem {
width: 84rem !important; }
.min-w-84rem {
min-width: 84rem !important; }
.max-w-84rem {
max-width: 84rem !important; }
.fix-w-84rem {
width: 84rem !important;
min-width: 84rem !important;
max-width: 84rem !important; }
.w-85rem {
width: 85rem !important; }
.min-w-85rem {
min-width: 85rem !important; }
.max-w-85rem {
max-width: 85rem !important; }
.fix-w-85rem {
width: 85rem !important;
min-width: 85rem !important;
max-width: 85rem !important; }
.w-86rem {
width: 86rem !important; }
.min-w-86rem {
min-width: 86rem !important; }
.max-w-86rem {
max-width: 86rem !important; }
.fix-w-86rem {
width: 86rem !important;
min-width: 86rem !important;
max-width: 86rem !important; }
.w-87rem {
width: 87rem !important; }
.min-w-87rem {
min-width: 87rem !important; }
.max-w-87rem {
max-width: 87rem !important; }
.fix-w-87rem {
width: 87rem !important;
min-width: 87rem !important;
max-width: 87rem !important; }
.w-88rem {
width: 88rem !important; }
.min-w-88rem {
min-width: 88rem !important; }
.max-w-88rem {
max-width: 88rem !important; }
.fix-w-88rem {
width: 88rem !important;
min-width: 88rem !important;
max-width: 88rem !important; }
.w-89rem {
width: 89rem !important; }
.min-w-89rem {
min-width: 89rem !important; }
.max-w-89rem {
max-width: 89rem !important; }
.fix-w-89rem {
width: 89rem !important;
min-width: 89rem !important;
max-width: 89rem !important; }
.w-90rem {
width: 90rem !important; }
.min-w-90rem {
min-width: 90rem !important; }
.max-w-90rem {
max-width: 90rem !important; }
.fix-w-90rem {
width: 90rem !important;
min-width: 90rem !important;
max-width: 90rem !important; }
.w-91rem {
width: 91rem !important; }
.min-w-91rem {
min-width: 91rem !important; }
.max-w-91rem {
max-width: 91rem !important; }
.fix-w-91rem {
width: 91rem !important;
min-width: 91rem !important;
max-width: 91rem !important; }
.w-92rem {
width: 92rem !important; }
.min-w-92rem {
min-width: 92rem !important; }
.max-w-92rem {
max-width: 92rem !important; }
.fix-w-92rem {
width: 92rem !important;
min-width: 92rem !important;
max-width: 92rem !important; }
.w-93rem {
width: 93rem !important; }
.min-w-93rem {
min-width: 93rem !important; }
.max-w-93rem {
max-width: 93rem !important; }
.fix-w-93rem {
width: 93rem !important;
min-width: 93rem !important;
max-width: 93rem !important; }
.w-94rem {
width: 94rem !important; }
.min-w-94rem {
min-width: 94rem !important; }
.max-w-94rem {
max-width: 94rem !important; }
.fix-w-94rem {
width: 94rem !important;
min-width: 94rem !important;
max-width: 94rem !important; }
.w-95rem {
width: 95rem !important; }
.min-w-95rem {
min-width: 95rem !important; }
.max-w-95rem {
max-width: 95rem !important; }
.fix-w-95rem {
width: 95rem !important;
min-width: 95rem !important;
max-width: 95rem !important; }
.w-96rem {
width: 96rem !important; }
.min-w-96rem {
min-width: 96rem !important; }
.max-w-96rem {
max-width: 96rem !important; }
.fix-w-96rem {
width: 96rem !important;
min-width: 96rem !important;
max-width: 96rem !important; }
.w-97rem {
width: 97rem !important; }
.min-w-97rem {
min-width: 97rem !important; }
.max-w-97rem {
max-width: 97rem !important; }
.fix-w-97rem {
width: 97rem !important;
min-width: 97rem !important;
max-width: 97rem !important; }
.w-98rem {
width: 98rem !important; }
.min-w-98rem {
min-width: 98rem !important; }
.max-w-98rem {
max-width: 98rem !important; }
.fix-w-98rem {
width: 98rem !important;
min-width: 98rem !important;
max-width: 98rem !important; }
.w-99rem {
width: 99rem !important; }
.min-w-99rem {
min-width: 99rem !important; }
.max-w-99rem {
max-width: 99rem !important; }
.fix-w-99rem {
width: 99rem !important;
min-width: 99rem !important;
max-width: 99rem !important; }
.w-100rem {
width: 100rem !important; }
.min-w-100rem {
min-width: 100rem !important; }
.max-w-100rem {
max-width: 100rem !important; }
.fix-w-100rem {
width: 100rem !important;
min-width: 100rem !important;
max-width: 100rem !important; }
.w-auto {
width: auto !important; }
td > p {
margin-top: 0rem;
margin-bottom: 0rem; }
.sidebar {
box-shadow: none; }
.sidebar .logo {
padding: 7px 0px; }
.sidebar .nav {
margin-top: 10px; }
.sidebar .nav li a {
padding: 0 0 0 10px;
font-size: 14px; }
.sidebar .nav .nav li a {
padding-left: 25px; }
.sidebar .nav .nav .nav li a {
padding-left: 40px; }
.sidebar .nav li .dropdown-menu a {
font-size: 14px; }
table.sc-table {
font-size: 0.875rem; }
table.sc-table > thead > tr > th {
font-size: 12px;
padding: 0.25rem 0.5rem; }
table.sc-table > tbody > tr > td {
padding: 0.25rem 0.5rem; }
table.sc-table > tfoot > tr > th {
font-size: 12px;
padding: 0.25rem 0.5rem; }
table.sc-table > tfoot > tr > td {
padding: 0.25rem 0.5rem; }
table.sc-table .sc-img-container {
width: 120px;
max-height: 160px;
overflow: hidden;
display: block; }
table.sc-table .sc-img-container img {
width: 100%; }
table.sc-table .mobile-contents {
display: flex;
flex-wrap: wrap; }
table.sc-table .mobile-contents > div:nth-child(2n+1) {
width: 41%; }
table.sc-table .mobile-contents > div:nth-child(2n) {
width: 59%; }
table.sc-table .mobile-contents-remand-form, table.sc-table .mobile-contents-approve-form {
display: flex;
flex-wrap: wrap; }
table.sc-table .mobile-contents-remand-form > div, table.sc-table .mobile-contents-approve-form > div {
width: 100%; }
table.sc-table .mobile-contents-supply-application-table {
display: flex;
flex-wrap: wrap; }
table.sc-table .mobile-contents-supply-application-table > div:nth-child(2n+1) {
width: 29%; }
table.sc-table .mobile-contents-supply-application-table > div:nth-child(2n) {
width: 71%; }
/* datatablesのスタイル */
table.table.datatables thead tr th, table.datatable-design thead tr th {
font-size: 12px;
text-align: center; }
table.table.datatables thead tr th.pl-3, table.datatable-design thead tr th.pl-3 {
padding-left: 1rem !important; }
table.table.datatables thead tr th.pl-4, table.datatable-design thead tr th.pl-4 {
padding-left: 1.5rem !important; }
table.table.datatables tbody tr td, table.datatable-design tbody tr td {
word-break: break-all;
font-size: 12px;
padding-top: 2.5px !important;
padding-bottom: 2.5px !important; }
table.table.datatables tbody tr td.pl-3, table.datatable-design tbody tr td.pl-3 {
padding-left: 1rem !important; }
table.table.datatables tbody tr td.pl-4, table.datatable-design tbody tr td.pl-4 {
padding-left: 1.5rem !important; }
table.table.datatables td.td-right, table.datatable-design td.td-right {
text-align: right;
padding-right: 10px !important; }
table.table.datatables td.td-pr-3, table.datatable-design td.td-pr-3 {
padding-right: 1rem !important; }
table.table.datatables td.td-pr-4, table.datatable-design td.td-pr-4 {
padding-right: 1.5rem !important; }
table.table.datatables td.td-center, table.datatable-design td.td-center {
text-align: center; }
.card .card-btn-header {
margin-top: -2.5rem; }
.card {
margin-top: 10px !important; }
.card .card-icon {
margin-top: 4px !important;
margin-left: 8px !important;
padding: 2px !important; }
.zindex-over-ch {
z-index: 4; }
.form-control-plaintext p,
.border-bottom p {
margin-bottom: 0; }
.main-panel > .content {
padding-top: 0;
padding-left: 0;
padding-right: 0;
margin-top: 50px; }
@media (max-width: 991px) {
.scroll {
overflow: auto; } }
.matrix-menu {
position: fixed;
left: 0px;
margin-left: 1rem;
margin-right: 1rem;
z-index: 5;
width: calc(100% - 2rem); }
.login-announcement-field > div {
font-size: 14px;
background-color: #FEF7F6;
border: 2px solid #F35E4B;
overflow: auto;
max-height: 45vh; }
.login-announcement-field .login-announcement-header-field > div {
display: flex;
align-items: center;
color: #F35E4B;
font-weight: bold; }
.login-announcement-field .login-announcement-message {
color: black;
background-color: #fff;
border: 1px solid #2A5987; }
.login-announcement-field .login-announcement-message p:last-child {
margin-bottom: 0px; }
.dashboard-announces {
background-color: #A4CCF0;
color: white;
margin-top: 10px;
width: 100%;
overflow: hidden;
padding-bottom: 10px; }
.dashboard-announces p {
padding-top: 6px;
margin: 0;
display: inline-block;
white-space: wrap;
overflow-wrap: break-word;
word-wrap: break-word;
width: 100%; }
.dashboard-announces p .announce-title {
color: navy;
font-weight: bold;
cursor: hand;
cursor: pointer; }
.dashboard-announces p .announce-readmore {
font-size: 14px;
color: navy;
margin: 10px;
text-decoration: underline;
cursor: hand;
cursor: pointer; }
@-webkit-keyframes marquee {
from {
transform: translate(0%); }
99%, to {
transform: translate(-100%); } }
@keyframes marquee {
from {
transform: translate(0%); }
99%, to {
transform: translate(-100%); } }
table#shipping-details-matrix {
border-collapse: separate;
border-spacing: 0px;
width: auto; }
table#shipping-details-matrix th, table#shipping-details-matrix td {
background-color: #ffffff;
padding: 8px 8px; }
table#shipping-details-matrix thead th {
vertical-align: middle;
text-align: center;
background-color: #f2f2f3 !important;
font-size: 0.8rem !important;
font-weight: bold; }
table#shipping-details-matrix thead tr.departments th {
top: 0; }
@media (min-width: 992px) {
table#shipping-details-matrix thead tr.departments th {
position: sticky; } }
table#shipping-details-matrix thead tr.departments th:nth-child(1) {
left: 260px;
z-index: 3; }
table#shipping-details-matrix thead tr.departments th:nth-child(n+2) {
padding: 8px 8px;
width: 85px !important;
min-width: 85px !important;
max-width: 85px !important;
z-index: 2; }
table#shipping-details-matrix thead tr.items th {
top: 41px;
z-index: 3; }
@media (min-width: 992px) {
table#shipping-details-matrix thead tr.items th {
position: sticky; } }
table#shipping-details-matrix thead tr.items th:nth-child(1) {
height: 16px !important;
min-height: 16px !important;
max-height: 16px !important;
width: 15px !important;
min-width: 15px !important;
max-width: 15px !important;
left: 260px; }
table#shipping-details-matrix thead tr.items th:nth-child(2) {
height: 16px !important;
min-height: 16px !important;
max-height: 16px !important;
width: 280px !important;
min-width: 280px !important;
max-width: 280px !important;
left: 295px; }
table#shipping-details-matrix thead tr.items th:nth-child(3) {
height: 16px !important;
min-height: 16px !important;
max-height: 16px !important;
width: 100px !important;
min-width: 100px !important;
max-width: 100px !important;
left: 575px; }
table#shipping-details-matrix thead tr.items th:nth-child(n+4) {
height: 16px !important;
min-height: 16px !important;
max-height: 16px !important;
width: 70px !important;
min-width: 70px !important;
max-width: 70px !important; }
table#shipping-details-matrix thead tr.items th:nth-child(4) {
left: 675px; }
table#shipping-details-matrix thead tr.items th:nth-child(5) {
left: 745px; }
table#shipping-details-matrix thead tr.items th:nth-child(6) {
left: 815px; }
table#shipping-details-matrix tbody th, table#shipping-details-matrix tbody td {
padding: 0 8px 0 8px;
font-size: 0.9rem !important;
font-weight: bold; }
table#shipping-details-matrix tbody th {
z-index: 2; }
@media (min-width: 992px) {
table#shipping-details-matrix tbody th {
position: sticky; } }
table#shipping-details-matrix tbody th:nth-child(1) {
left: 260px; }
table#shipping-details-matrix tbody th:nth-child(2) {
left: 295px; }
table#shipping-details-matrix tbody th:nth-child(2):hover {
cursor: pointer; }
table#shipping-details-matrix tbody th:nth-child(3) {
left: 575px; }
table#shipping-details-matrix tbody th:nth-child(4) {
left: 675px; }
table#shipping-details-matrix tbody th:nth-child(5) {
left: 745px; }
table#shipping-details-matrix tbody th:nth-child(6) {
left: 815px; }
table#shipping-details-matrix tbody th:nth-child(n+3), table#shipping-details-matrix tbody td {
text-align: right; }
table#shipping-details-sum-matrix-modal {
border-collapse: separate;
border-spacing: 0px; }
table#shipping-details-sum-matrix-modal th, table#shipping-details-sum-matrix-modal td {
background-color: #ffffff;
padding: 0 8px 0 8px;
font-size: 0.875rem !important; }
table#shipping-details-sum-matrix-modal thead th {
vertical-align: middle;
text-align: center;
background-color: #ddecf6 !important;
font-weight: bold; }
table#shipping-details-sum-matrix-modal tbody td {
text-align: end;
font-weight: 400; }
table#shipping-details-matrix-modal {
border-collapse: separate;
border-spacing: 0px; }
table#shipping-details-matrix-modal th, table#shipping-details-matrix-modal td {
background-color: #ffffff;
padding: 0 8px 0 8px;
font-size: 0.875rem !important; }
table#shipping-details-matrix-modal thead th {
vertical-align: middle;
text-align: center;
background-color: #ddecf6 !important;
font-weight: bold; }
table#shipping-details-matrix-modal thead td {
text-align: end; }
table#shipping-details-matrix-modal tbody td {
font-weight: 400; }
table#shipping-details-matrix-modal tbody td:nth-of-type(n+4):nth-of-type(-n+6) {
text-align: end; }
table.inventory-table td.form {
border: solid 2px #ff0000;
border-top: solid 2px #ff0000 !important; }
.required-field {
padding-right: 0 !important; }
.required-field:after {
content: "必須";
color: #ffffff;
background-color: #ff0000;
display: inline-block;
padding: 0.25em 0.4em;
font-size: 0.7rem;
font-weight: 700;
line-height: 1;
text-align: center;
white-space: nowrap;
vertical-align: text-top;
padding-right: 0.6em;
padding-left: 0.6em;
border-radius: 10rem;
margin-left: 3px; }
.reduced-tax-rate-label:after {
content: "軽";
color: #ffffff;
background-color: #003f69;
display: inline-block;
padding: 0.25em 0.4em;
font-size: 0.7rem;
font-weight: 700;
line-height: 1;
text-align: center;
white-space: nowrap;
vertical-align: text-top;
padding-right: 0.6em;
padding-left: 0.6em;
border-radius: 10rem; }
.tax-free-label:after {
content: "非";
color: #ffffff;
background-color: #4c9257;
display: inline-block;
padding: 0.25em 0.4em;
font-size: 0.7rem;
font-weight: 700;
line-height: 1;
text-align: center;
white-space: nowrap;
vertical-align: text-top;
padding-right: 0.6em;
padding-left: 0.6em;
border-radius: 10rem; }
.medie-label:after {
content: "メディエ";
color: #ffffff;
background-color: #003f69;
display: inline-block;
padding: 0.25em 0.4em;
font-size: 0.7rem;
font-weight: 700;
line-height: 1;
text-align: center;
white-space: nowrap;
vertical-align: text-top;
padding-right: 0.6em;
padding-left: 0.6em;
border-radius: 10rem;
margin-left: 3px; }
.form-label-width {
width: 85px; }
div.filter-option {
font-size: 14px;
padding-top: 4px; }
div.abs-status-msg {
margin-top: 0.3125rem;
padding: 0.3125rem;
border-top: 1px solid #e9ecef;
text-align: center;
color: #777; }
div.bootstrap-select .dropdown-menu {
z-index: 1050; }
div.bootstrap-select .dropdown-menu, div.bootstrap-select .inner.show {
min-height: 0px !important; }
div.bootstrap-select .dropdown-item {
white-space: normal;
word-break: break-all; }
div.bootstrap-select .dropdown-toggle {
margin: 0;
padding-top: 5px;
padding-right: 10px; }
div.bootstrap-select .dropdown-toggle .filter-option {
padding-top: 7px; }
.add-and-remove-item-field-box {
padding-top: 23px; }
.add-and-remove-item-field-box .add-item-field, .add-and-remove-item-field-box .remove-item-field {
font-size: 21px;
cursor: pointer; }
.menu-tab {
padding-left: 40px;
background-color: white !important;
border-bottom: 3px solid #003f69; }
.menu-tab .nav-tabs .nav-item .fix-nav-link.active {
background-color: #003f69; }
.nav-tabs .nav-item .fix-nav-link {
font-size: 14px !important;
color: gray !important;
padding: 5px 15px 2px 15px;
border-radius: 3px 3px 0 0 !important;
border-color: white white gray white !important;
border-style: solid !important;
border-width: 1px !important;
background-color: #eeeeee; }
.nav-tabs .nav-item .fix-nav-link:hover {
color: #003f69 !important;
border-radius: 3px 3px 0 0 !important;
border-color: white white gray white !important;
border-style: solid !important;
border-width: 1px !important; }
.nav-tabs .nav-item .fix-nav-link.active {
color: white !important;
border-color: #003f69 !important;
border-style: solid !important;
border-width: 1px !important; }
.nav-tabs .nav-item .fix-nav-link.active:hover, .nav-tabs .nav-item .fix-nav-link.active:focus, .nav-tabs .nav-item .fix-nav-link.active:active {
color: white !important;
border-color: gray !important; }
div.form-control-plaintext.border-bottom {
border-bottom-color: #666666 !important; }
.dataTable > tbody > tr > td.number-column {
padding-right: 10px !important;
text-align: right; }
.dataTable .download-error-icon, .dataTable .download-diff-icon {
color: navy;
cursor: pointer; }
.white-box-screen {
position: fixed;
width: 20px;
height: 35px;
background: white;
top: 0;
z-index: 2; }
.white-box-screen.left {
left: 260px; }
@media only screen and (max-width: 991px) {
.white-box-screen.left {
left: 0; } }
.white-box-screen.right {
right: 0; }
div.form-check-radio label {
color: #666666; }
div.custom-modal div.modal-footer button {
margin-left: 1rem;
min-width: 6rem; }
div.custom-modal.cannot-commit .commit {
display: none; }
div.custom-modal p {
margin-bottom: 0.375rem; }
.bg-lightgray {
background-color: #f4f4f4 !important; }
.bg-pink {
background-color: #ffcccc !important; }
.col-form-label {
text-align: left !important; }
.card .card-body .show-label {
color: #666666;
font-weight: 400; }
@media only screen and (max-width: 991px) {
.card .card-body .show-label.route_name {
width: 17%; } }
.card .tab-content.tab-space {
padding: 20px 10px 9px 10px; }
.card .bs-form-control {
font-size: 0.875rem !important; }
label.primary-image {
border: solid 2px #2196f3 !important; }
img.item-image {
width: auto;
height: auto;
max-width: 100%;
max-height: 100%; }
label.image-container {
position: relative;
width: 200px;
height: 200px;
background: #eee; }
label.image-container img {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
margin: auto; }
div.primary-badge {
background: rgba(255, 255, 255, 0.8);
padding-left: 3px;
padding-right: 3px;
position: absolute;
top: 0px;
right: 0px; }
label.image-container-input {
position: relative;
width: 200px;
height: 200px;
background: #ccc;
min-width: 200px;
min-height: 200px;
cursor: pointer;
border: 1px solid #003f69; }
label.image-container-input img {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
margin: auto; }
label.image-container-input i {
margin: auto; }
div#attachment-wrapper {
border: 2px dashed #dbdbdb;
border-radius: 0.25rem;
min-height: 50px; }
.attachment-content {
width: 220px;
height: 100%;
border: 1px solid #dbdbdb;
border-radius: 0.25rem;
padding: 8px;
background-color: #fafafa;
font-weight: 500; }
.attachment-content a {
color: black;
text-decoration: none; }
.attachment-content a:hover {
color: black;
text-decoration: underline; }
div#dropzone-area:hover {
cursor: pointer; }
i.delete-btn:hover {
cursor: pointer; }
div.content > div.container-fluid > div.row:not([class*="no-expand-row"]) > div.col-12, div.content > div.container-fluid > div.row:not([class*="no-expand-row"]) div.col-sm-12, div.content > div.container-fluid > div.row:not([class*="no-expand-row"]) div.col-md-12, div.content > div.container-fluid > div.row:not([class*="no-expand-row"]) div.col-lg-12, div.content > div.container-fluid > div.row:not([class*="no-expand-row"]) div.col-xl-12 {
padding-left: 0 !important;
padding-right: 0 !important; }
div.content > div.container-fluid > div.row:not([class*="no-expand-row"]) > div.col-12 > .card, div.content > div.container-fluid > div.row:not([class*="no-expand-row"]) div.col-sm-12 > .card, div.content > div.container-fluid > div.row:not([class*="no-expand-row"]) div.col-md-12 > .card, div.content > div.container-fluid > div.row:not([class*="no-expand-row"]) div.col-lg-12 > .card, div.content > div.container-fluid > div.row:not([class*="no-expand-row"]) div.col-xl-12 > .card {
margin-top: 0px !important; }
.text-shadow-gray {
text-shadow: 5px 5px 5px #aaa; }
.text-brown-dark {
color: #5e3135; }
.text-orange-dark {
color: #cd5c0a; }
.text-gold-dark {
color: #a68722; }
.text-green-dark {
color: #326039; }
.text-lime-dark {
color: #577732; }
.text-cyan-dark {
color: #34717b; }
.text-navy-dark {
color: #00111d; }
.text-dull-gold-dark {
color: #7b6c47; }
.text-brown-light {
color: #b67278; }
.text-orange-light {
color: #f8ae77; }
.text-gold-light {
color: #e4cc7d; }
.text-green-light {
color: #74b77e; }
.text-lime-light {
color: #a3c87a; }
.text-cyan-light {
color: #80bec9; }
.text-navy-light {
color: #006db6; }
.text-dull-gold-light {
color: #c3b797; }
.text-danger-light {
color: #f8877f; }
.ds-label {
font-size: 1.8em; }
#ct-total-prices .ct-series-a .ct-point, #ct-total-prices .ct-series-a .ct-line {
stroke: #003f69 !important; }
#ct-total-prices .ct-series-b .ct-point, #ct-total-prices .ct-series-b .ct-line {
stroke: #4ba2b1 !important; }
#ct-items .ct-series-a .ct-slice-pie {
stroke: #004e83 !important;
fill: #004e83 !important; }
#ct-items .ct-series-b .ct-slice-pie {
stroke: #FFD43B !important;
fill: #FFD43B !important; }
#ct-items .ct-series-c .ct-slice-pie {
stroke: #97c068 !important;
fill: #97c068 !important; }
#ct-items .ct-label {
color: white !important;
fill: white !important; }
.modal .modal-dialog {
margin-top: 0px; }
.modal-loading {
z-index: 100000;
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100vh;
text-align: center;
display: table;
background: rgba(255, 255, 255, 0.5); }
.modal-loading div {
display: table-cell;
vertical-align: middle; }
.modal-loading.hidden {
visibility: hidden; }
.fullscreen-loading {
z-index: 100000;
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
display: flex;
justify-content: center;
align-items: center;
text-align: center;
background: rgba(255, 255, 255, 0.5); }
.fullscreen-loading.hidden {
visibility: hidden; }
.dropdown-menu .dropdown-item:hover,
.dropdown-menu .dropdown-item:focus,
.dropdown-menu a:hover,
.dropdown-menu a:focus,
.dropdown-menu a:active,
.dropdown-menu a.active {
box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(33, 150, 243, 0.4);
background-color: #2196f3;
color: #FFFFFF; }
.bootstrap-select .dropdown-item.active {
background: #eee !important;
color: black !important; }
.bootstrap-select.btn-group .dropdown-menu li a:focus, .bootstrap-select.btn-group .dropdown-menu li a:hover {
background-color: #2196f3 !important;
box-shadow: 0 4px 20px 0px rgba(0, 0, 0, 0.14), 0 7px 10px -5px rgba(33, 150, 243, 0.4); }
.bootstrap-select .dropdown-item:hover,
.bootstrap-select .dropdown-item:focus {
background-color: #2196f3 !important;
color: white !important; }
.bootstrap-select.disabled .clear-abs-button, .bootstrap-select.disabled .dropdown-toggle::after {
visibility: hidden; }
.bootstrap-select.disabled .filter-option {
background: #eee; }
span.bmd-form-group.disabled {
cursor: not-allowed; }
.border-thick {
border-width: 2px !important; }
button.px-23px, input.px-23px {
padding-left: 23px !important;
padding-right: 23px !important; }
.form-check .form-check-input:focus + .form-check-sign .check:after {
opacity: 0.2; }
.form-check .form-check-input:checked ~ .form-check-sign .check {
background: #003f69; }
.form-check .form-check-input:checked ~ .form-check-sign .check:before {
color: #FFFFFF;
box-shadow: 0 0 0 10px, 10px -10px 0 10px, 32px 0 0 20px, 0px 32px 0 20px, -5px 5px 0 10px, 20px -12px 0 11px;
-webkit-animation: checkboxOn 0.3s forwards;
animation: checkboxOn 0.3s forwards; }
.form-check .form-check-input:checked ~ .form-check-sign:before {
-webkit-animation: rippleOn 500ms;
animation: rippleOn 500ms; }
.form-check .form-check-input:checked ~ .form-check-sign .check:after {
-webkit-animation: rippleOn 500ms forwards;
animation: rippleOn 500ms forwards; }
.form-check .form-check-input:not(:checked) + .form-check-sign:before {
-webkit-animation: rippleOff 500ms;
animation: rippleOff 500ms; }
.form-check .form-check-input:not(:checked) + .form-check-sign .check:after {
-webkit-animation: rippleOff 500ms;
animation: rippleOff 500ms; }
div.step-label {
width: 10rem;
min-width: 10rem;
margin-top: -20px;
margin-left: auto;
margin-right: auto;
padding-top: 10px;
padding-bottom: 10px;
text-align: center;
background: white;
font-size: 1.2rem; }
span.serial-num-text {
font-size: 1.2em;
font-weight: 900; }
.add-parallel-field-btn, .add-item-field {
color: blue !important; }
.del-parallel-field-btn, .remove-item-field {
color: #f44336 !important; }
table.dataTable thead .sorting:before, table.dataTable thead .sorting:after, table.dataTable thead .sorting_asc:before, table.dataTable thead .sorting_asc:after, table.dataTable thead .sorting_desc:before, table.dataTable thead .sorting_desc:after, table.dataTable thead .sorting_asc_disabled:before, table.dataTable thead .sorting_asc_disabled:after, table.dataTable thead .sorting_desc_disabled:before, table.dataTable thead .sorting_desc_disabled:after {
color: blue;
font-weight: 900;
font-size: 14px;
padding-top: 3px;
font-family: 'Roboto'; }
td.ellipsis {
text-overflow: ellipsis;
overflow-x: hidden;
white-space: nowrap; }
a.ellipsis {
text-overflow: ellipsis;
overflow-x: hidden;
white-space: nowrap; }
.w2rem {
width: 2rem !important;
min-width: 2rem !important;
max-width: 2rem !important; }
.w3rem {
width: 3rem !important;
min-width: 3rem !important;
max-width: 3rem !important; }
.w4rem {
width: 4rem !important;
min-width: 4rem !important;
max-width: 4rem !important; }
.w5rem {
width: 5rem !important;
min-width: 5rem !important;
max-width: 5rem !important; }
.w6rem {
width: 6rem !important;
min-width: 6rem !important;
max-width: 6rem !important; }
.w7rem {
width: 7rem !important;
min-width: 7rem !important;
max-width: 7rem !important; }
.w8rem {
width: 8rem !important;
min-width: 8rem !important;
max-width: 8rem !important; }
.w9rem {
width: 9rem !important;
min-width: 9rem !important;
max-width: 9rem !important; }
.w10rem {
width: 10rem !important;
min-width: 10rem !important;
max-width: 10rem !important; }
.w11rem {
width: 11rem !important;
min-width: 11rem !important;
max-width: 11rem !important; }
.w12rem {
width: 12rem !important;
min-width: 12rem !important;
max-width: 12rem !important; }
.w13rem {
width: 13rem !important;
min-width: 13rem !important;
max-width: 13rem !important; }
.w14rem {
width: 14rem !important;
min-width: 14rem !important;
max-width: 14rem !important; }
.w15rem {
width: 15rem !important;
min-width: 15rem !important;
max-width: 15rem !important; }
.w16rem {
width: 16rem !important;
min-width: 16rem !important;
max-width: 16rem !important; }
.w17rem {
width: 17rem !important;
min-width: 17rem !important;
max-width: 17rem !important; }
.w18rem {
width: 18rem !important;
min-width: 18rem !important;
max-width: 18rem !important; }
.w19rem {
width: 19rem !important;
min-width: 19rem !important;
max-width: 19rem !important; }
.w20rem {
width: 20rem !important;
min-width: 20rem !important;
max-width: 20rem !important; }
.w21rem {
width: 21rem !important;
min-width: 21rem !important;
max-width: 21rem !important; }
.w22rem {
width: 22rem !important;
min-width: 22rem !important;
max-width: 22rem !important; }
.w23rem {
width: 23rem !important;
min-width: 23rem !important;
max-width: 23rem !important; }
.w24rem {
width: 24rem !important;
min-width: 24rem !important;
max-width: 24rem !important; }
.w25rem {
width: 25rem !important;
min-width: 25rem !important;
max-width: 25rem !important; }
.w26rem {
width: 26rem !important;
min-width: 26rem !important;
max-width: 26rem !important; }
.w27rem {
width: 27rem !important;
min-width: 27rem !important;
max-width: 27rem !important; }
.w28rem {
width: 28rem !important;
min-width: 28rem !important;
max-width: 28rem !important; }
.w29rem {
width: 29rem !important;
min-width: 29rem !important;
max-width: 29rem !important; }
.w30rem {
width: 30rem !important;
min-width: 30rem !important;
max-width: 30rem !important; }
.mobile-datatables li.w2rem {
width: auto !important;
min-width: auto !important;
max-width: none !important; }
.mobile-datatables li.w3rem {
width: auto !important;
min-width: auto !important;
max-width: none !important; }
.mobile-datatables li.w4rem {
width: auto !important;
min-width: auto !important;
max-width: none !important; }
.mobile-datatables li.w5rem {
width: auto !important;
min-width: auto !important;
max-width: none !important; }
.mobile-datatables li.w6rem {
width: auto !important;
min-width: auto !important;
max-width: none !important; }
.mobile-datatables li.w7rem {
width: auto !important;
min-width: auto !important;
max-width: none !important; }
.mobile-datatables li.w8rem {
width: auto !important;
min-width: auto !important;
max-width: none !important; }
.mobile-datatables li.w9rem {
width: auto !important;
min-width: auto !important;
max-width: none !important; }
.mobile-datatables li.w10rem {
width: auto !important;
min-width: auto !important;
max-width: none !important; }
.mobile-datatables li.w11rem {
width: auto !important;
min-width: auto !important;
max-width: none !important; }
.mobile-datatables li.w12rem {
width: auto !important;
min-width: auto !important;
max-width: none !important; }
.mobile-datatables li.w13rem {
width: auto !important;
min-width: auto !important;
max-width: none !important; }
.mobile-datatables li.w14rem {
width: auto !important;
min-width: auto !important;
max-width: none !important; }
.mobile-datatables li.w15rem {
width: auto !important;
min-width: auto !important;
max-width: none !important; }
.mobile-datatables li.w16rem {
width: auto !important;
min-width: auto !important;
max-width: none !important; }
.mobile-datatables li.w17rem {
width: auto !important;
min-width: auto !important;
max-width: none !important; }
.mobile-datatables li.w18rem {
width: auto !important;
min-width: auto !important;
max-width: none !important; }
.mobile-datatables li.w19rem {
width: auto !important;
min-width: auto !important;
max-width: none !important; }
.mobile-datatables li.w20rem {
width: auto !important;
min-width: auto !important;
max-width: none !important; }
.mobile-datatables li.w21rem {
width: auto !important;
min-width: auto !important;
max-width: none !important; }
.mobile-datatables li.w22rem {
width: auto !important;
min-width: auto !important;
max-width: none !important; }
.mobile-datatables li.w23rem {
width: auto !important;
min-width: auto !important;
max-width: none !important; }
.mobile-datatables li.w24rem {
width: auto !important;
min-width: auto !important;
max-width: none !important; }
.mobile-datatables li.w25rem {
width: auto !important;
min-width: auto !important;
max-width: none !important; }
.mobile-datatables li.w26rem {
width: auto !important;
min-width: auto !important;
max-width: none !important; }
.mobile-datatables li.w27rem {
width: auto !important;
min-width: auto !important;
max-width: none !important; }
.mobile-datatables li.w28rem {
width: auto !important;
min-width: auto !important;
max-width: none !important; }
.mobile-datatables li.w29rem {
width: auto !important;
min-width: auto !important;
max-width: none !important; }
.mobile-datatables li.w30rem {
width: auto !important;
min-width: auto !important;
max-width: none !important; }
.w-admin-item-name {
max-width: calc(80vw - 260px - 3rem - 8rem - 8rem - 8rem - 6rem - 6rem - 8rem); }
.w-admin-items-sales-price-supplier {
max-width: calc(80vw - 260px - 3rem - 10rem - 10rem - 6rem - 6rem - 3rem - 2rem - 4rem); }
.w-admin-items-item-history-user {
max-width: calc(80vw - 260px - 3rem - 10rem); }
.w-admin-medie-file-name {
max-width: calc(80vw - 260px - 3rem - 6rem - 8rem - 4rem - 4rem - 5rem - 5rem); }
.w-admin-vhj-file-name {
max-width: calc(80vw - 260px - 3rem - 6rem - 8rem - 5rem - 6.5rem); }
.w-admin-spd-file-name {
max-width: calc(80vw - 260px - 3rem - 6rem - 8rem - 5rem - 5rem); }
.w-admin-spd-file-name {
max-width: calc(80vw - 260px - 3rem - 6rem - 8rem - 12rem - 5rem); }
.w-items-facility-item-operation-facility {
max-width: calc(80vw - 260px - 3rem - 6rem - 6rem - 5rem - 6rem - 6rem); }
.w-items-facility-show-item-name {
max-width: calc(80vw - 260px - 3rem - 5rem - 5rem); }
.w-items-facilities-category {
max-width: calc(80vw - 260px - 3rem - 6rem - 6rem); }
.w-admin-vendor-name {
max-width: calc(80vw - 260px - 3rem - 5rem - 7rem - 6rem - 6rem); }
.w-admin-department-name {
max-width: calc(80vw - 260px - 3rem - 20rem - 12rem - 5rem); }
.w-admin-user-title {
max-width: calc(80vw - 260px - 3rem - 5.5rem - 8rem - 12rem - 6rem); }
.w-admin-template-name {
max-width: calc(80vw - 260px - 3rem - 12rem - 12rem - 6rem - 5rem - 5rem); }
.w-admin-template-misc-application-name {
max-width: calc(80vw - 260px - 3rem - 14rem - 12rem - 12rem - 5rem); }
.w-admin-facility-address {
max-width: calc(80vw - 260px - 3rem - 20rem - 6rem - 6rem); }
.w-admin-position-name {
max-width: calc(80vw - 260px - 5rem); }
.w-admin-diag-dept-name {
max-width: calc(80vw - 260px - 5rem); }
.w-admin-doctor-diag-dept {
max-width: calc(80vw - 260px - 3rem - 15rem - 15rem); }
.w-admin-category-name {
max-width: calc(80vw - 260px - 3rem - 20rem); }
.w-admin-item-type-name {
max-width: calc(80vw - 260px - 3rem - 12rem); }
.w-admin-subsidiary-item-type-name {
max-width: calc(80vw - 260px - 3rem - 8rem - 12rem - 8rem); }
.w-admin-tag-name {
max-width: calc(80vw - 260px - 3rem); }
.w-admin-bid-export-file-name {
max-width: calc(80vw - 260px - 3rem - 16rem - 8rem - 8rem); }
.w-admin-bid-export-item-name {
max-width: calc(80vw - 260px - 3rem - 6rem - 6rem - 6rem - 6rem - 4rem - 6rem); }
.w-admin-bid-export-new-item-name {
max-width: calc(80vw - 260px - 2rem - 5rem - 5rem - 6rem - 5rem - 4rem - 5rem - 6rem); }
.w-admin-bid-import-file-name {
max-width: calc(80vw - 260px - 3rem - 8rem - 8rem - 5rem - 6.5rem); }
.w-admin-supplier-name {
max-width: calc(80vw - 260px - 3rem - 16rem - 6rem - 6rem); }
.w-admin-supplier-supplier-user-name {
max-width: calc(80vw - 260px - 3rem - 6rem - 6rem - 14rem - 6rem - 5.5rem); }
.w-admin-supplier-user-supplier-name {
max-width: calc(80vw - 260px - 3rem - 6rem - 6rem - 8rem - 14rem - 6rem - 5.5rem); }
.w-admin-misc-template-title {
max-width: calc(80vw - 260px - 3rem - 20rem - 6rem); }
.w-browse-supply-applications-title {
max-width: calc(80vw - 260px - 3rem - 5rem - 11rem - 5rem - 5rem - 6rem); }
.w-supp-appl-supply-applications-title {
max-width: calc(80vw - 260px - 3rem - 5rem - 17rem - 5rem - 5rem - 6rem); }
.w-supp-appl-editings-title {
max-width: calc(80vw - 260px - 3rem - 5rem - 10rem - 8rem); }
.w-supp-appl-remanded-applications-title {
max-width: calc(80vw - 260px - 3rem - 5rem - 10rem - 8rem); }
.w-supp-appl-circulate-applications-title {
max-width: calc(80vw - 260px - 3rem - 5rem - 10rem - 10rem - 8rem); }
.w-supp-appl-approved-applications-title {
max-width: calc(80vw - 260px - 3rem - 5rem - 10rem - 10rem - 8rem); }
.w-supp-appl-withdrawn-applications-title {
max-width: calc(80vw - 260px - 3rem - 5rem - 10rem - 8rem); }
.w-supp-appl-rejected-applications-title {
max-width: calc(80vw - 260px - 3rem - 5rem - 10rem - 8rem); }
.w-supp-appr-ongoings-title {
max-width: calc(80vw - 260px - 3rem - 5rem - 13rem - 5rem - 6rem - 6rem); }
.w-supp-appr-processeds-title {
max-width: calc(80vw - 260px - 3rem - 5rem - 18rem - 8rem - 5rem - 6rem); }
.w-purc-appl-aggregations-supp-appl-list-title {
max-width: calc(80vw - 260px - 2rem - 5rem - 17rem - 5rem - 6rem); }
.w-purc-appl-purchase-applications-title {
max-width: calc(80vw - 260px - 3rem - 5rem - 11rem - 4rem - 5rem - 9rem - 5rem - 6rem); }
.w-purc-appr-ongoings-title {
max-width: calc(80vw - 260px - 3rem - 5rem - 12rem - 4rem - 6rem - 10rem - 6rem); }
.w-purc-appr-processeds-title {
max-width: calc(80vw - 260px - 3rem - 4rem - 12rem - 6rem - 10rem - 5rem - 6rem); }
.w-shippings-shipping-histories-select-supp-appl-title {
max-width: calc(80vw - 260px - 2rem - 5rem - 18rem - 8rem - 5rem - 6rem); }
.w-shippings-shipping-g-histories-facility {
max-width: calc(80vw - 260px - 3rem - 15rem - 10rem); }
.w-shippings-shipping-histories-user-name {
max-width: calc(80vw - 260px - 10rem); }
.w-shippings-shipping-histories-request-select-supp-appl-title {
max-width: calc(80vw - 260px - 2rem - 5rem - 18rem - 5rem - 6rem); }
.w-shippings-shipping-g-histories-request-index-facility {
max-width: calc(80vw - 260px - 3rem - 5rem - 5rem - 5rem - 6rem - 6rem); }
.w-shippings-shipping-histories-request-index-user {
max-width: calc((80vw - 260px - 3rem - 6rem - 8rem - 8rem) / 2); }
.w-shippings-shipping-requests-user-name {
max-width: calc(80vw - 260px - 3rem - 10rem - 10rem - 15rem - 10rem); }
.w-shippings-shipping-group-histories-user-name {
max-width: calc(80vw - 260px - 3rem - 15rem - 7rem - 10rem - 10rem); }
.w-shippings-shipping-group-histories-group-index-user-name {
max-width: calc(80vw - 260px - 3rem - 7rem - 7rem - 5rem - 7rem - 7rem); }
.w-shippings-shipping-group-histories-rejected-user-name {
max-width: calc(80vw - 260px - 3rem - 20rem); }
.w-shippings-shipping-group-histories-request-index-facility {
max-width: calc(80vw - 260px - 3rem - 20rem - 10rem); }
.w-shippings-shipping-group-histories-request-index-facility .w-shippings-shipping-group-histories-facility {
max-width: calc(80vw - 260px - 3rem - 5rem - 5rem - 5rem - 6rem - 6rem); }
.w-shippings-shipping-requests-group-user-name {
max-width: calc(80vw - 260px - 3rem - 20rem - 20rem); }
.w-shippings-shipping-group-histories-facility-name {
max-width: calc(80vw - 260px - 3rem - 12rem - 12rem - 12rem - 12rem); }
.w-shippings-shipping-group-histories-rejected-group-user-name {
max-width: calc(80vw - 260px - 3rem - 20rem - 20rem); }
.w-orders-approved-purchase-application-title {
max-width: calc(80vw - 260px - 2rem - 5rem - 5rem - 14rem - 6rem); }
.w-orders-decided-orders-label-dept {
max-width: calc(80vw - 260px - 3rem - 9rem - 4rem - 15rem - 6rem - 5rem - 6rem); }
.w-orders-order-history-facility-name {
max-width: calc(80vw - 260px - 3rem - 16rem - 10rem); }
.w-med-invoices-linked-invoices-supplier {
max-width: calc(80vw - 260px - 3rem - 9rem - 15rem - 7rem - 6rem); }
.w-stocks-request-transfers-fd {
max-width: calc((80vw - 260px - 3rem - 5rem - 6rem - 5rem - 5rem - 6rem) * 0.5); }
.w-stocks-select-delete-stocks {
max-width: calc(80vw - 260px - 2rem - 6rem - 6rem - 6rem - 7rem - 5rem); }
.w-stocks-consumptions-item-name {
max-width: calc(80vw - 260px - 3rem - 5rem - 5rem - 5rem - 5rem - 5rem - 3rem - 5rem - 6rem); }
.w-stocks-consumptions-stocks-item-name {
max-width: calc(800px - 3rem - 5rem - 5rem - 5rem - 5rem - 5rem - 5rem); }
.w-stocks-stock-histories-fd-item-user {
max-width: calc(800px - 3rem - 7rem - 5rem - 4rem - 6rem - 7rem); }
.w-stocks-inventory-n-months-name {
max-width: calc(80vw - 260px - 3rem - 7rem - 7rem - 7rem); }
.w-stocks-inventory-group-facility-name {
max-width: calc(80vw - 260px - 3rem - 6rem - 7rem - 18rem - 6rem); }
.w-stocks-inventory-summaries-item-name {
max-width: calc(80vw - 260px - 3rem - 5rem - 5rem - 5rem - 5rem - 5rem - 4rem - 5rem - 5rem); }
.w-stocks-admin-inventory-summaries-item-name {
max-width: calc(80vw - 260px - 3rem - 5rem - 5rem - 5rem - 5rem - 5rem - 3rem - 3rem - 4rem - 4rem - 5rem - 4rem); }
.w-stocks-admin-inventory-summaries-select-show-item-name {
max-width: calc(80vw - 260px - 3rem - 5rem - 8rem - 8rem - 8rem - 5rem); }
.w-stocks-inventories-show-dept {
max-width: calc(80vw - 260px - 3rem - 10rem - 10rem - 7rem); }
.w-stocks-consumptions-items-item-name {
max-width: calc(800px - 3rem - 5rem - 5rem - 5rem - 5rem); }
.w-stocks-return-item-item-name {
max-width: calc(80vw - 260px - 3rem - 10rem - 10rem - 5rem - 3rem - 3rem - 5rem - 7rem); }
.w-pt-shippings-stockings-department {
max-width: calc(80vw - 260px - 3rem - 6rem - 9rem - 5rem - 5rem - 9rem); }
.w-pt-shippings-glucoses-department {
max-width: calc(80vw - 260px - 3rem - 6rem - 8rem - 9rem - 6rem - 9rem - 5rem); }
.w-pt-shippings-standards-item {
max-width: calc(80vw - 260px - 3rem - 5rem - 6rem - 8rem - 6rem - 5rem - 5rem - 5rem - 5rem - 5rem); }
.w-pt-shippings-serial-numbers-serial-no {
max-width: calc(80vw - 260px - 3rem - 8rem); }
.w-admin-announcement-title {
max-width: calc(80vw - 260px - 3rem - 10rem - 10rem - 7rem - 7rem - 7rem - 4rem - 5rem); }
.w-misc-appl-ask-title {
max-width: calc(80vw - 260px - 3rem - 8rem - 10rem - 11rem - 5rem - 5rem - 5rem - 6rem); }
.w-misc-appr-ongoing-title {
max-width: calc(80vw - 260px - 3rem - 8rem - 10rem - 11rem - 5rem - 5rem - 6rem); }
.w-asman-consults-title {
max-width: calc(80vw - 260px - 3rem - 4rem - 7rem - 7rem - 6rem - 6rem - 4rem - 4rem); }
.w-asman-contracts-title {
max-width: calc(80vw - 260px - 3rem - 4rem - 8rem - 6rem - 5rem - 5rem - 5rem - 5rem - 4rem - 4rem);
min-width: 6rem; }
.w-asman-materials-title {
max-width: calc(80vw - 260px - 3rem - 6rem - 6rem - 6rem - 5rem - 6rem - 6rem); }
.w-asman-contracts-form-code-title {
max-width: calc(80vw - 260px - 3rem - 8rem - 8rem); }
.w-direction-title {
max-width: calc(80vw - 260px - 3rem - 12rem - 12rem - 6rem - 8rem); }
.w-asman-payment-contract-name {
max-width: calc(80vw - 260px - 6rem - 6rem - 7rem - 5rem - 5rem - 5rem);
min-width: 6rem; }
.w-obic-export-facility-name {
max-width: calc(80vw - 260px - 2rem - 7rem - 6rem - 6rem - 6rem - 5rem - 6rem -6rem -6rem);
min-width: 6rem; }
div.row.updater {
color: #757575;
line-height: 1.25em;
font-size: 80%; }
.modal-body div.row.updater {
margin-top: -1.5rem;
margin-bottom: 0.5rem; }
.h-70vh {
min-height: 70vh; }
.sidebar .nav i, .sidebar .nav svg {
font-size: 14px;
float: left;
margin-right: 2px;
line-height: 30px;
width: auto;
min-width: 18.5px;
text-align: center;
color: white;
margin-top: 8px; }
.sidebar .logo a.logo-mini {
opacity: 1;
float: left;
width: 23px;
text-align: left;
margin-left: 0;
margin-top: 0; }
div.sticky-button-area {
position: sticky;
bottom: 0;
padding-top: 1rem;
padding-bottom: 1rem;
border-top: 1px solid #dee2e6;
background: rgba(255, 255, 255, 0.75); }
a.toggle-link .up-icon,
a.facility-toggle-link .up-icon,
a.expired-at-toggle-link .up-icon,
a.association-toggle-link .up-icon {
display: inline; }
a.toggle-link .down-icon,
a.facility-toggle-link .down-icon,
a.expired-at-toggle-link .down-icon,
a.association-toggle-link .down-icon {
display: none; }
a.toggle-link.collapsed .up-icon,
a.facility-toggle-link.collapsed .up-icon,
a.expired-at-toggle-link.collapsed .up-icon,
a.association-toggle-link.collapsed .up-icon {
display: none; }
a.toggle-link.collapsed .down-icon,
a.facility-toggle-link.collapsed .down-icon,
a.expired-at-toggle-link.collapsed .down-icon,
a.association-toggle-link.collapsed .down-icon {
display: inline; }
.add-favorite-btn:hover {
cursor: pointer; }
.add-favorite-btn .fav-icon {
color: #757575;
font-size: 16px; }
.add-favorite-btn.in-favorite .fav-icon {
color: #ff9800; }
.del-favorite-btn:hover {
cursor: pointer; }
.del-favorite-btn .fav-icon {
color: #f44336;
font-size: 16px; }
.text-blue {
color: blue !important; }
.pop-select-list-group .list-group-item {
font-size: 12px;
cursor: pointer;
padding-top: 6px;
padding-bottom: 6px; }
.pop-select-list-group .list-group-item:hover {
color: white;
background-color: #2196f3;
border-color: #2196f3; }
.list-popover-body {
padding: 0; }
.admin-items-index-popover.bs-popover-bottom, .admin-items-index-popover.bs-popover-auto[x-placement^="bottom"] {
z-index: 0; }
.btn-field .btn {
margin-top: 4px; }
.text-black {
color: #333333 !important; }
.text-break {
word-wrap: break-word !important;
word-break: break-word !important; }
table.matrix th, table.matrix td {
font-weight: normal;
border-color: #dddddd; }
table.matrix td.c2:not(.not-click):hover, table.matrix td.c2:not(.not-click):focus, table.matrix td.c3:not(.not-click):hover, table.matrix td.c3:not(.not-click):focus {
background-color: #ecf2fa !important;
cursor: pointer; }
table.matrix td.c1 {
background: #c0c0c0 !important; }
table.matrix td.c2 {
background: #fac8c8 !important; }
table.matrix td.c3 {
background: #c8fac8 !important; }
table.matrix td.error {
background: #fac8c8 !important; }
table.matrix-table > thead > tr > th,
table.matrix-table > tbody > tr > td {
padding: 0.125rem 0.25rem;
font-size: 0.875rem; }
.installment-delivery-item {
padding-right: 0 !important; }
.installment-delivery-item:after {
content: "分納中";
color: #ffffff;
background-color: #ff0000;
display: inline-block;
padding: 0.25em 0.4em;
font-size: 0.7rem;
font-weight: 700;
line-height: 1;
text-align: center;
white-space: nowrap;
vertical-align: text-top;
padding-right: 0.6em;
padding-left: 0.6em;
border-radius: 10rem;
margin-left: 3px; }
.spd-item {
padding-right: 0 !important; }
.spd-item:after {
content: "SPD品";
color: #ffffff;
background-color: #ff0000;
display: inline-block;
padding: 0.25em 0.4em;
font-size: 0.7rem;
font-weight: 700;
line-height: 1;
text-align: center;
white-space: nowrap;
vertical-align: text-top;
padding-right: 0.6em;
padding-left: 0.6em;
border-radius: 10rem;
margin-left: 3px; }
.maintenance-pack-item {
padding-right: 0 !important; }
.maintenance-pack-item:after {
content: "メンテナンスパック";
color: #ffffff;
background-color: #ff0000;
display: inline-block;
padding: 0.25em 0.4em;
font-size: 0.7rem;
font-weight: 700;
line-height: 1;
text-align: center;
white-space: nowrap;
vertical-align: text-top;
padding-right: 0.6em;
padding-left: 0.6em;
border-radius: 10rem;
margin-left: 3px; }
.barcode-scan {
padding-right: 0 !important; }
.barcode-scan:after {
content: "スキャン";
color: #ffffff;
background-color: #4caf50;
display: inline-block;
padding: 0.25em 0.4em;
font-size: 0.5rem;
font-weight: 700;
line-height: 1;
text-align: center;
white-space: nowrap;
vertical-align: text-top;
padding-right: 0.6em;
padding-left: 0.6em;
border-radius: 10rem;
margin-top: 1px; }
td.no-lb-border {
border-left: none;
border-bottom: none; }
td.no-tlb-border {
border-top: none;
border-left: none;
border-bottom: none; }
a.with-checked:before {
content: "\2714";
font-weight: 900;
font-size: 1.0rem;
position: absolute;
color: blue;
right: 1rem; }
a.with-checked:hover:before {
content: "\2714";
font-weight: 900;
font-size: 1.0rem;
position: absolute;
color: white;
right: 1rem; }
a.associated-item-link {
color: #333333;
text-decoration: underline; }
.remove-association-field-box {
padding-top: 4px; }
.remove-association-field-box .add-item-field, .remove-association-field-box .remove-item-field {
font-size: 21px;
cursor: pointer; }
.modal-body.hidden {
visibility: hidden; }
.stock-expired-at.exp-ealiest {
padding-right: 0 !important; }
.stock-expired-at.exp-ealiest:after {
content: "最短期限";
color: #ffffff;
background-color: #ff0000;
display: inline-block;
padding: 0.25em 0.4em;
font-size: 0.7rem;
font-weight: 700;
line-height: 1;
text-align: center;
white-space: nowrap;
vertical-align: text-top;
padding-right: 0.6em;
padding-left: 0.6em;
border-radius: 10rem;
margin-left: 3px; }
::-webkit-calendar-picker-indicator {
margin-left: 0px; }
.sidebar-notification, .sidebar-notification-upper, .sidebar-notification-upper-sum {
border: 1px solid #FFF;
font-size: 14px;
background: #f44336;
color: #FFFFFF;
min-width: 20px;
padding: 0px 5px;
height: 20px;
border-radius: 10px;
text-align: center;
line-height: 19px;
font-weight: bold; }
@media only screen and (max-width: 575px) {
.permission-dropdown {
position: absolute;
left: 50px;
top: 10px;
margin: 0px !important;
padding: 0px !important;
z-index: 10; } }
@media only screen and (min-width: 576px) {
.permission-dropdown {
position: absolute;
top: 40px;
margin: 0px !important;
padding: 0px !important;
left: 15px;
z-index: 10; } }
.fc-event {
cursor: pointer; }
.fc-event.event-holiday {
background-color: #d50000;
border-color: #d50000; }
a.fc-daygrid-day-number {
color: #444; }
.multi-select-btn-area {
text-align: center; }
#multi-items-confirm-modal table, #multi-suppliers-confirm-modal table {
font-size: 12px; }
#multi-items-confirm-modal table th, #multi-items-confirm-modal table td, #multi-suppliers-confirm-modal table th, #multi-suppliers-confirm-modal table td {
font-size: 12px !important;
padding: 2.5px 5px 2.5px 5px !important; }
.modal .card.card-plain.card-signup .card-for-template .card-header {
margin: 0;
padding: 0;
position: relative; }
.modal .card.card-plain.card-signup .card-for-template .card-body {
padding: 0.9375rem 20px;
position: relative; }
.table-responsive-sort {
display: block;
width: 100%; }
.simple-form:disabled, .simple-form[readonly] {
background-color: #e9ecef;
opacity: 1; }
@media (min-width: 576px) {
.analyst {
height: 445.5px; } }
@media (min-width: 768px) {
.analyst {
height: 421.5px; } }
@media (min-width: 992px) {
.analyst {
height: 445.5px; } }
@media (min-width: 1200px) {
.analyst {
height: 397.5px; } }
@media (max-width: 575px) {
.lavel-box {
display: flex; }
.label-w {
flex-basis: 100px; }
.btn-mg {
align-self: flex-start; } }
@media (min-width: 576px) {
.lavel-box {
padding-left: 10px; }
.label-w {
max-width: 100%;
padding-right: 0%; }
.btn-mg {
margin-left: 20px; } }
@media (min-width: 880px) {
.lavel-w {
white-space: nowrap; } }
@media (min-width: 1680px) {
.lavel-box {
display: flex; }
.label-w {
flex-basis: 100px; }
.btn-mg {
margin-left: 7px;
right: 10px;
align-self: flex-start; } }
@media print and (max-width: 991px) {
body {
overflow-x: visible; } }
.modal-fullscreen {
padding: 0 !important; }
.modal-fullscreen .modal-dialog {
width: 100%;
max-width: none;
height: 100%;
margin: 0; }
.modal-fullscreen .modal-content {
height: 100%;
border: 0;
border-radius: 0; }
.modal-fullscreen .modal-body {
overflow-y: auto; }
#cameraModal .modal-content {
background: rgba(0, 0, 0, 0.75); }
.float-block {
position: fixed;
width: 100%;
left: 0px;
bottom: 0px; }
.float-block .float-items-area {
padding: 20px 20px 20px 20px;
background-color: #f8f6f6; }
input[type="date"].bs-form-control {
min-height: 2rem; }
.bootstrap-select .dropdown-toggle .filter-option-inner {
padding-right: 50px !important; }
.bootstrap-select .dropdown-toggle .filter-option-inner-inner {
text-overflow: ellipsis; }
.dashboard-menu-card {
cursor: pointer; }
.dashboard-menu-card .dashboard-menu-text {
font-size: 1.20rem; }
.dashboard-menu-card .dashboard-menu-long-text {
font-size: 1rem; }
.dashboard-menu-card:hover {
background-color: #c8e6fa; }
.dropdown .dropdown-menu.show .dropdown-item.dropdown-toggle + .dropdown-menu.show {
right: 101% !important;
left: auto !important; }
.header-filter::before {
background: rgba(0, 0, 0, 0); }
#radio-supp:checked ~ label.label-for-supp {
font-weight: bold;
color: blue; }
#radio-supp:checked ~ div#supp-div {
display: block; }
#radio-supp:checked ~ div#normal-div {
display: none; }
#radio-normal:checked ~ label.label-for-normal {
font-weight: bold;
color: blue; }
#radio-normal:checked ~ div#supp-div {
display: none; }
#radio-normal:checked ~ div#normal-div {
display: block; }
.border-left-dotted {
border-left: 1px dotted #dee2e6; }
.keypad-num {
text-align: center;
background-color: #f4f4f4;
padding-top: 0.25rem;
padding-bottom: 0.25rem;
margin: 1px;
cursor: pointer; }
/*# sourceMappingURL=application-d2d93dec.chunk.css.map*/ |