/**
 * Admin Common.css
 *
 * @package   NCP
 * @author    furuyama
 * @copyright NeoStateJapan
 */


/** input **/
.ime_off{ ime-mode:disabled;}

/** one-column **/
body.one-column header{ padding-left:0;}
body.one-column main{ padding-left:0;}

/** header **/
header, main, footer{ padding-left: 0;}
@media only screen and (min-width : 993px) {
  header, main, footer { padding-left:300px;}
  body:not(.one-column) nav .brand-logo{ padding-left:20px; right:21rem;}
}
nav .brand-logo img{ max-height:22px;}
.brand-logo{ font-size:1.4rem!important; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; max-width:68%;}
.ncp-title-main>a{ font-size:1.5rem;}
.ncp-title-main>a>img{ max-height:22px;}
.ncp-title-sub{ margin-left:8px; font-size:.88rem;}
.ncp-sp-title{ display:flex; position:relative; margin:0 0 16px 0; font-size:.88rem; line-height:1.4rem;}
.ncp-sp-title>a{ padding:0 8px;}
@media only screen and (min-width : 993px) {
  .ncp-sp-title{ display:none;}
  .ncp-title-sub{ font-size:inherit; position:inherit; top:inherit;}
}

/** header 検索フォーム **/
nav ul a>.fa-search{ height:inherit; line-height:18px; font-size:18px;}
#NcpSearchForm{ position:absolute; width:100%; transition:.3s; z-index:-1; opacity:0;}
#NcpSearchForm.active{ z-index:1; opacity:1;}
#NcpSearchForm .input-field{ background:#fff;}
#NcpSearchInput{ padding-right:6rem; width:calc(100% - 10rem);}
#NcpSeachCancel{ position:absolute; top:0; left:0;}
#NcpSeachCancel>i.fas,
#NcpSeachCancel>i.far,
#NcpSeachCancel>i.fab,
#NcpSeachCancel>i.fal{ display:flex; justify-content:center; align-items:center; width:4rem; font-size:1.2rem; text-align:center; cursor:pointer; transition:.3s color;}
#NcpSeachCancel,#NcpSearchClear,#NcpSearchSubmit,#NcpSearchForm .ncp-search-menu{ color:rgba(0,0,0,.24); font-size:1.6rem;}
#NcpSearchClear{ margin-right:3.5rem; font-size:1.2rem;}
#NcpSearchForm .ncp-search-menu{ position:absolute; top:0; right:0; padding:0 1.6rem; cursor:pointer; transition:.3s color;}
#NcpSearchForm .ncp-search-menu.disabled{ color:#ddd;}
#NcpSearchForm .ncp-search-menu.fa-ellipsis-v{ padding-right:1.5rem;}
#NcpSearchSubmit{ position:absolute; top:0; right:1rem; height:inherit; background:none; border:0; line-height:46px; cursor:pointer; border-radius:50%; padding:0 8px;}
#NcpSearchSubmit>i{ height:inherit; line-height:inherit; font-size:inherit;}
@media only screen and (min-width : 993px) {
  #NcpSearchForm{ right:21rem; width:38%; padding:8px; z-index:1; opacity:1;}
  #NcpSearchInput{ padding-left:1.6rem; padding-right:7rem; width:calc(100% - 8.6rem);}
  #NcpSearchForm .input-field,#NcpSearchInput{ border-radius:24px;}
  #NcpSearchClear{ height:inherit; line-height:48px;}
  #NcpSearchForm .input-field{ background:rgba(32,32,32,.16);}
  .input-field.active #NcpSearchInput{ background:#fff;}
}

/** side **/
.sidenav .user-view{ display:block;}
.sidenav .user-view .background img{ filter:blur(2px); top:-20px; left:-2px; width:calc(100% + 4px); opacity: 0.3;}
.sidenav .user-view .title{ height:68px; text-shadow:0px 0px 12px #888;}
.sidenav .user-view .title .system{ margin:0; line-height:1.2rem;}
.sidenav .user-view .title .brand-logo{ margin:0;}
.sidenav li>a .fas,
.sidenav li>a .far,
.sidenav li>a .fab,
.sidenav li>a .fal{ opacity:.64; font-size:1.6rem;}
.sidenav li .collapsible .collapsible-header{ padding:0 32px;}
.sidenav li .collapsible .collapsible-header>.fa-caret-down{ font-size:inherit; line-height:inherit; float:right;}
.sidenav li .collapsible .collapsible-body li>a{ padding:0 48px;}
.sidenav li .collapsible>li.active{ background-color:inherit;}
.sidenav li .collapsible .collapsible-body li.active{ background-color:rgba(0,0,0,0.05)!important;}
.sidenav li .collapsible .collapsible-body li.active>a{ color:inherit!important;}
.sidenav li.active,
.sidenav li>a:not(.user-view){ width:280px; padding-right:16px!important; border-top-right-radius:24px; border-bottom-right-radius:24px;}
.sidenav li.footer{ line-height:40px; padding-top:48px; margin-bottom:-60px;}
.sidenav li.footer .footer-copyright{ text-align:center; background:rgba(0,0,0,.06);}
@media only screen and (min-width : 993px) {
  .sidenav .user-view .title{ height:80px;}
}

/** body has bg-image **/
body.has-bg-image,body.has-bg-image main>.container:before{ background:url(../img/admin_menu_bg.jpg) no-repeat center fixed; background-size:cover;}
body.has-bg-image{ position:relative;}
body.has-bg-image main>.container{ position:relative; overflow:hidden; padding:0!important; margin:30px auto; width:92%;}
body.has-bg-image main>.container:before{ content:""; position:absolute; top:-12px; right:0; left:-12px; bottom:0; width:calc(100% + 24px); height:calc(100% + 24px); filter:blur(12px);}
body.has-bg-image main>.container .collection.alert{ float:left; width:100%; padding:4px 8px; z-index:1;}
body.has-bg-image .bg-blur{ position:relative; margin-bottom:0px; background:rgba(255,255,255,0.3); padding:30px 24px;}
body.has-bg-image .bg-blur h5{ color:#fff; text-shadow:0 0 8px #000;}
body.has-bg-image .bg-blur img.logo{ width:80%; max-width:300px;}
body.has-bg-image .bg-blur .input-field.col label{ color:#eee;}
body.has-bg-image .bg-blur input[type=text],.bg-blur input[type=password]{ color:#fff; border-bottom:1px solid #ccc;}
body.has-bg-image .ncp-sp-title{ display:none;}
@media only screen and (min-width : 993px) {
  body.has-bg-image main>.container{ max-width:640px; margin-top:4rem;}
  body.has-bg-image .bg-blur{ padding:50px 0;}
}
/* Edge対応 */
@supports (-ms-ime-align: auto) {
  body.has-bg-image main>.container{ backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);}
  body.has-bg-image main>.container:before{ content:none;}
}
/** login-footer **/
.bg-blur .login-footer{ margin-top:16px; text-align:center;}
.bg-blur .login-footer>p{ color:#e8e8e8; text-shadow:0 0 1px #888; margin-top:0; margin-bottom:0;}
.bg-blur .login-footer>p.dark{ color:#888; text-shadow:0 0 1px #ddd;}

/** container **/
main>.container{ margin-top:20px; margin-bottom:50px;}
@media only screen and (min-width : 993px) {
  body:not(.one-column) main>.container{ width:auto; padding:0 64px;}
}
@media only screen and (max-width : 992px) {
  main>.container{ margin-right:0; margin-left:0; width:100%;}
}

/** error **/
.ncp-error{ text-align:center;}
.ncp-error .title{ font-size:12rem; margin-bottom:0;}
.ncp-error .sub{ font-size:3rem; margin-top:0;}

/** alert **/
.collection.alert{ border:0; border-radius:10px;}
.collection.alert .collection-item.avatar{ display:flex; align-items:center; min-height:64px; padding-right:40px;}
.collection.alert .collection-item.avatar i.circle{ font-size:34px; background:inherit; border-radius:0;}
.collection.alert .collection-item .secondary-content.close{ padding:10px; top:2px; right:5px;}
@media only screen and (max-width : 992px) {
  .collection.alert{ padding:0 1rem;}
}

/** input error **/
.error-message{ float:left; color:#e80b17; margin-bottom:5px;}
.error-message ul{ margin-top:0;}
.input-field.invalid input[type="text"]:not(.invalid){ border-bottom:1px solid #F44336; box-shadow: 0 1px 0 0 #F44336;}

/** badge **/
.ncp-badge{ box-sizing:border-box; border-radius:4px; background:#757575; color:#fff; font-weight:initial; text-align:center; padding:2px 6px; font-size:1rem;}
.ncp-badge.badge-small{ font-size:0.8rem; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.ncp-badge.badge-xs{ padding:1.2px 4.8px; font-size:0.6rem;}
.ncp-badge>.badge-title{ font-size: 0.6rem;}

/** 必須アイコン **/
span.badge.badge-require{ font-size:.8rem; min-width:2rem; line-height:inherit; height:auto;}
.select-wrapper+label>span.badge.badge-require{ transform:scale(0.8); transform-origin:0 0;}

/** TOP カード **/
.ncp-top-menu{ display:flex; flex-wrap:wrap;}
.ncp-top-menu>.col{ margin-left:0px!important;}
.card>a:hover{ box-shadow:0px 8px 24px -1px #888;}
.card.icon-card .card-image{ height:112px; border-bottom:1px solid #ddd; text-align:center; overflow:hidden;}
.card.icon-card .card-image .card-image-cover{ position:absolute; bottom:0; right:0; padding:0 16px; margin:0 8px 8px 0; border-radius:20px; background-color:rgba(0,0,0,.64); color:#e8e8e8; text-shadow:0 0 8px #ddd; z-index:1;}
.card.icon-card .card-image .card-image-cover p{ margin:0; font-size:0.8rem;}
.card.icon-card .card-image .card-image-cover .number{ font-size:1.8rem; margin-left:6px; margin-right:3px;}
.card.icon-card:hover .card-image .fas,
.card.icon-card:hover .card-image .far,
.card.icon-card:hover .card-image .fab,
.card.icon-card:hover .card-image .fal{ color:inherit!important;}
.card.icon-card .card-image .fas,
.card.icon-card .card-image .far,
.card.icon-card .card-image .fab,
.card.icon-card .card-image .fal{ margin-left:-6px; margin-top:-16px; opacity:.64; transition:.3s;}
.card.icon-card .card-image .fas.fa-8x,
.card.icon-card .card-image .far.fa-8x,
.card.icon-card .card-image .fab.fa-8x,
.card.icon-card .card-image .fal.fa-8x{ margin-top:-4px;}
.card.icon-card .card-image .fas.rotate,
.card.icon-card .card-image .far.rotate,
.card.icon-card .card-image .fab.rotate,
.card.icon-card .card-image .fal.rotate{ transform:rotate(-24deg); margin-top:-33px;}
.card.icon-card .card-image .fas.rotate.fa-9x,
.card.icon-card .card-image .far.rotate.fa-9x,
.card.icon-card .card-image .fab.rotate.fa-9x,
.card.icon-card .card-image .fal.rotate.fa-9x{ margin-top:-8px;}
.card .card-content{ padding:16px;}
.card .card-content .card-title{ font-size:20px;}
.card .card-badge{ position:absolute; top:-8px; right:-8px; padding:3px 10px; line-height:22px; border:1px solid #fff; border-radius:24px; background:#d00; z-index:2;}


/** sub action button **/
.ncp-subaction-btn:not(.btn-floating){ display:inline-block; padding:8px 16px; border-radius:24px; margin-right:16px; box-shadow:0px 0px 0px 1px #dcdcdc; background:rgba(0,0,0,0); color:#555; border:0;}
.ncp-subaction-btn:not(.btn-floating):hover,
.ncp-subaction-btn:not(.btn-floating):focus{ background:#f2f2f2; box-shadow:none;}
.ncp-subaction-btn .icon{ font-size:1.5rem; line-height:inherit; color:#aaa;}
.ncp-subaction-btn .text{ font-size:0.9rem; margin-left:5px;}
.ncp-subaction-btn.ncp-btn-m{ width:64%;}
.ncp-subaction-btn.ncp-btn-l{ width:80%;}
.ncp-subaction-btn.disabled{ pointer-events:none; background-color:#e8e8e8!important; box-shadow:none; color:#9F9F9F!important; cursor:default;}
button.ncp-subaction-btn{ line-height:inherit;}
/* +float */
.ncp-subaction-btn.btn-floating .icon>i{ color:inherit; line-height:inherit;}
.ncp-subaction-btn.btn-floating .text{ display:none;}
@media only screen and (min-width : 993px) {
  .ncp-subaction-btn{ display:inline-block; padding:8px 16px; border-radius:24px; margin-right:16px; box-shadow:0px 0px 0px 1px #dcdcdc; background:rgba(0,0,0,0); color:#555;}
  .ncp-subaction-btn:hover,
  .ncp-subaction-btn.btn-floating:focus{ background:#f2f2f2; box-shadow:none;}
  .ncp-subaction-btn.btn-floating .text{ display:initial;}

  .fixed-action-wrapper{ margin-bottom:20px;}
  .fixed-action-btn{ position:inherit; right:inherit; top:inherit; padding-top:inherit; margin-bottom:inhherit; z-index:inherit;}
  .fixed-action-btn .btn-floating{ width:inherit; height:inherit; line-height:inherit; padding:8px 16px;}
}
@media only screen and (max-width : 992px) {
  .ncp-subaction-btn.btn-floating .icon{ color:inherit;}
}
/* IE対応 */
@media all and (-ms-high-contrast: none) {
  .ncp-subaction-btn.btn-floating .text{ display:inline-block;}
}


/** page menu **/
.page-menus{ display:flex; background-color:rgba(0,0,0,.02); padding:8px; border-radius:8px;}
.page-menus.items-center{ align-items:center;}
.page-menus>.back-link{ padding-left:0; padding-right:0;}
.page-menus>.back-link .item-menu{ justify-content:center;}
.page-menus>.back-link .fas,
.page-menus>.back-link .far,
.page-menus>.back-link .fal,
.page-menus>.back-link .fab{ margin-left:-4px;}
@media only screen and (min-width : 993px) {
  .page-menus{ border-radius:8px;}
}
.item-menu{ display:flex; justify-content:flex-end; align-items:center; min-width:40px; min-height:54px;}
.item-menu.item-menu-left{ justify-content:left;}
.item-menu>.item-menu-trigger{ display:flex; justify-content:center; align-items:center; width:40px; height:40px; background-color:unset; color:rgba(0,0,0,.4); transition:.25s; border:none; border-radius:50%;}
.item-menu>.item-menu-trigger:hover{background-color:rgba(128,128,128,.2); color:rgba(0,0,0,1);}

/** 一覧 **/
.ncp-list{ position:relative; padding-bottom:2px; border:1px solid #e0e0e0; border-radius:2px; overflow:hidden;}
.ncp-list .ncp-list-title,.ncp-list .ncp-list-item{ position:relative; padding:12px 8px 10px 8px; border-bottom:1px solid #e0e0e0;}
.ncp-list a.ncp-list-item{ color:inherit; font-size:0.9rem; transition:.1s;}
.ncp-list a.ncp-list-item.unread{ font-weight:bold;}
.ncp-list a.ncp-list-item.complete{ background:rgba(0,0,0,0.04);}
.ncp-list a.ncp-list-item:last-child{ border-bottom:none;}
.ncp-list a.ncp-list-item:hover{ box-shadow:inset 1px 0 0 #ddd, inset -1px 0 0 #ddd, 0 1px 2px 0 rgba(64,64,64,.3), 0 1px 3px 1px rgba(64,64,64, 0.1); }
.ncp-list .ncp-list-title .col,.ncp-list .ncp-list-item .col{ padding:0; padding-right:8px;}
.ncp-list .ncp-list-item .ncp-list-header{ margin-bottom:2px; line-height:20px;}
.ncp-list .ncp-list-item .ncp-list-menu{ position:absolute; top:0; right:-2px;}
.ncp-list .ncp-list-item .ncp-list-menu>button{ background-color:unset; border:none; border-radius:50%; line-height:47px; padding:0 14.4px; color:rgba(0,0,0,.4); transition:.25s;}
.ncp-list .ncp-list-item .ncp-list-menu>button:hover{ background-color:rgba(128,128,128,.2); color:rgba(0,0,0,1);}
.ncp-list .ncp-list-item .ncp-list-col .title{ margin:0; font-size:1.0rem; height:22px;}
.ncp-list .ncp-list-item .ncp-list-col .sub-text{ color:#888; margin:3px 0 0 0; font-size:0.8rem; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.ncp-list .ncp-list-item .ncp-list-col .sub-text-wrap{ display:flex;}
.ncp-list .ncp-list-item .ncp-list-col .sub-text-wrap .sub-text{ flex:1 1 100%; margin:0;}
.ncp-list .ncp-list-item .ncp-list-col .sub-text-wrap .sub-label{ display: inline-flex;}
.ncp-list .ncp-list-item .ncp-list-col p:not(.unabridged){ overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.ncp-list .ncp-list-item .ncp-list-bottom{ display:inline-flex; padding-right:8px; margin-top:16px; margin-bottom:8px;}
.ncp-list .ncp-list-item .ncp-list-bottom .order_btn{ display:inline-block; position:relative; cursor:pointer;}
/* IE対応 */
@media all and (-ms-high-contrast: none) {
  .ncp-list .ncp-list-item .ncp-list-col .sub-text-wrap .sub-label{ display:block;}
}
/* has-thumb */
.ncp-list .ncp-list-item.has-thumb{ min-height:94px;}
.ncp-list .ncp-list-item.has-thumb.thumb-small{ min-height:70px;}
.ncp-list .ncp-list-item.has-thumb .ncp-list-col .thumb{ position:absolute; top:10px; width:72px; height:72px; overflow:hidden; border-radius:50%;}
.ncp-list .ncp-list-item.has-thumb .ncp-list-col .thumb>.thumb-image{ width:72px; height:72px; object-fit:cover; background:#f2f2f2;}
.ncp-list .ncp-list-item.has-thumb .ncp-list-col .thumb>.thumb-noimage{ position:relative; display:block; width:100%; height:100%; background:#f2f2f2;}
.ncp-list .ncp-list-item.has-thumb .ncp-list-col .thumb>.thumb-noimage>.thumb-icon{ position:absolute; display:flex; width:100%; height:100%; top:0; left:0; justify-content:center; align-items:center; font-size:4.0rem; color:#e8e8e8;}
.ncp-list .ncp-list-item.has-thumb .ncp-list-col .thumb.square{ border-radius:0;}
.ncp-list .ncp-list-item.has-thumb .ncp-list-col .thumb-right{ display:inline-block; width:inherit;}
.ncp-list .ncp-list-item.has-thumb .ncp-list-header,.ncp-list .ncp-list-item.has-thumb .ncp-list-col .thumb-right{ padding-left:6.4rem;}
/* thumb-small */
.ncp-list .ncp-list-item.has-thumb.thumb-small .ncp-list-col .thumb{ top:20px; width:48px; height:48px;}
.ncp-list .ncp-list-item.has-thumb.thumb-small .ncp-list-col .thumb>.thumb-image{ width:48px; height:48px;}
.ncp-list .ncp-list-item.has-thumb.thumb-small .ncp-list-col .thumb>.thumb-noimage>.thumb-icon{ font-size:2.8rem; top:4px;}
.ncp-list .ncp-list-item.has-thumb.thumb-small .ncp-list-header,.ncp-list .ncp-list-item.has-thumb.thumb-small .ncp-list-col .thumb-right{ padding-left:4.5rem;}

.ncp-list .ncp-list-title{ display:none;}
.ncp-list-title .ncp-list-col a.asc:after { content:" ↑";}
.ncp-list-title .ncp-list-col a.desc:after { content:" ↓";}
.ncp-list-title .ncp-list-col .sort-off{ font-weight:bold; color:#aaa;}
@media only screen and (min-width : 993px) {
  .ncp-list .ncp-list-title,.ncp-list .ncp-list-item{ padding:24px 48px 24px 16px;}
  .ncp-list .ncp-list-item.small{ padding:16px 48px 16px 12px;}
  .ncp-list .ncp-list-item.small .ncp-list-col .thumb{ top:14px;}
  .ncp-list .ncp-list-title{ display:block; font-weight:bold;}
  .ncp-list .ncp-list-title .ncp-list-col{ font-size:0.8rem;}
  .ncp-list .ncp-list-item.has-thumb{ min-height:112px;}
  .ncp-list .ncp-list-item.has-thumb.thumb-small{ min-height:92px;}
  .ncp-list .ncp-list-item.has-thumb .ncp-list-col .thumb{ top:20px;}
  .ncp-list .ncp-list-item.has-thumb .ncp-list-col .thumb>.thumb-noimage>.thumb-icon{ font-size:2.8rem;}
  .ncp-list .ncp-list-item.has-thumb .ncp-list-header{ padding-left:0!important;}
  .ncp-list .ncp-list-item .ncp-list-bottom{ margin-top:0;}
  /* nomenu */
  .ncp-list.ncp-list-nomenu .ncp-list-title,.ncp-list.ncp-list-nomenu .ncp-list-item{ padding-right:16px;}
  .ncp-list.ncp-list-nomenu .ncp-list-item.small{ padding-right:12px;}
}
@media only screen and (min-width : 1200px) {
  .ncp-list .ncp-list-title,.ncp-list .ncp-list-item{ padding-right:64px;}
  .ncp-list .ncp-list-item.small{ padding-right:64px;}
}
/* IE対応 */
@media all and (-ms-high-contrast: none) {
  .ncp-list .ncp-list-item .ncp-list-menu>button{ background:none;}
}

/* 階層型 */
.ncp-list.ncp-hierarchy{ border:0; overflow:inherit;}
.ncp-list.ncp-hierarchy .ncp-list-item{ position:relative; width:60%; max-width:320px; border:1px solid #ddd; padding:/*16*/0px; margin:16px 0; overflow:hidden;}
.ncp-list.ncp-hierarchy .ncp-list-item .ncp-hrc-col{ display:block; padding:16px;}
.ncp-list.ncp-hierarchy .ncp-list-item label.ncp-hrc-col{ cursor:pointer;}
.ncp-list.ncp-hierarchy .ncp-list-item.ncp-hrc-dp1{ margin-left:calc(2.4rem * 1);}
.ncp-list.ncp-hierarchy .ncp-list-item.ncp-hrc-dp2{ margin-left:calc(2.4rem * 2);}
.ncp-list.ncp-hierarchy .ncp-list-item.ncp-hrc-dp3{ margin-left:calc(2.4rem * 3);}
.ncp-list.ncp-hierarchy .ncp-list-item.ncp-hrc-dp4{ margin-left:calc(2.4rem * 4);}
/*.ncp-list.ncp-hierarchy .ncp-list-item .ncp-list-menu{ height:100%; display:flex;}*/
/*.ncp-list.ncp-hierarchy .ncp-list-item .ncp-list-menu>button{ padding:0 18px}*/
.ncp-list.ncp-hierarchy .ncp-list-item .ncp-list-col .title{ padding-right:32px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}

.select-wrapper .dropdown-content li>span{ white-space:pre;}
.dropdown-content li>a>i{ float:none; margin:0 5px 0 0;}
.dropdown-content li>a,.dropdown-content li>span{ font-size:inherit; line-height:inherit;}
.dropdown-content li.dropdown-content-text:hover{ background-color:unset;}
.dropdown-content li.dropdown-content-text{ cursor:default; color:inherit;}
.dropdown-content li.dropdown-content-text .title{ margin:2px 0; font-weight:bold;}
.dropdown-content li.dropdown-content-text .sub-text{ margin:2px 0;}

/** no item **/
.ncp-noitem{ text-align:center; padding:32px 0; overflow:hidden;}
.ncp-noitem .icon-wrapper{ height:200px; width:200px; background:#f2f2f2; border-radius:50%; margin-bottom:15px;}
.ncp-noitem .icon-face{ border-radius:inherit; transform:rotate(-12deg);}
.ncp-noitem .fa-question{ top:-68px; left:64px; transform:rotate(24deg);}
.ncp-noitem .noitem-text{ margin:18px 0; font-size:1.2rem;}
.icon-wrapper:hover .fa-question{ animation:shake 3s infinite;}
@keyframes shake{
  0% {transform: rotate(24deg)}
  25% {transform: rotate(5deg)}
  50% {transform: rotate(56deg)}
  100% {transform: rotate(24deg)}
}
.ncp-noitem .icon-title{ color:#fafafa; font-size:16em; margin-top:8%;}
.ncp-noitem .icon-title .page-title-icon{ transform:rotate(-46deg);}


/** detail **/
.detail-title{ margin-top:8px; margin-bottom:24px; word-break:break-all;}
.detail-body{ word-break:break-all;}
.detail-body img{ max-width:100%; height:auto;}


/** complete **/
.ncp-complete .ncp-title{ padding:40px 0 20px; text-align:center;}
.ncp-complete .ncp-title .ncp-title-icon{ font-size:12rem; opacity:.06; transition:.6s;}
.ncp-complete .ncp-title:hover .ncp-title-icon{ opacity:.2;}
.ncp-complete .ncp-title .ncp-title-text{ font-size:1.8rem; margin-top:-54px;}
.ncp-complete .ncp-body .ncp-body-title{ font-size:1.4rem; text-align:center; margin:16px 0;}
.ncp-complete .ncp-body .ncp-text{ text-align:center; margin:0; padding:0 16px;}

/* caution list */
.ncp-caution-list{ display:flex; margin:40px 0 60px; padding:0 8px;}
.ncp-caution-list .ncp-ul-wrap{ position:relative; overflow:hidden; padding:8px 24px; margin:auto; border-radius:12px;}
.ncp-caution-list .ncp-ul-title{ font-weight:bold;}
.ncp-caution-list .ncp-ul-title .ncp-ul-title-icon{ position:absolute; bottom:-36px; right:-82px; font-size:200px; opacity:.05; filter:blur(2px); transform:rotate(16deg); transition:.6s; z-index:1;}
.ncp-caution-list .ncp-ul-wrap:hover .ncp-ul-title-icon{ opacity:.2;}
.ncp-caution-list ul.ncp-ul{ flex:1 1 100%; list-style-type:disc; padding-left:20px;}
.ncp-caution-list ul.ncp-ul li{ list-style-type:disc;}

/* term */
.term-wrap{ height:280px; border:1px solid #ddd; padding:8px 16px; overflow-y:scroll;}
@media only screen and (min-width : 993px) {
  .term-wrap{ height:400px;}
}


/** left, right blocks **/
.ncp-lr-blocks{display:flex; flex-direction:row; align-items:baseline;}
.ncp-lr-blocks .l-block{ flex:1 1 auto;}
.ncp-lr-blocks .r-block{ flex:2 2 100%;}
.ncp-lr-blocks .l-block.main{ flex:2 2 100%;}
.ncp-lr-blocks .l-block.main+.r-block{ flex:2 2 auto;}
.ncp-lr-blocks .number{ font-size:1.5rem; margin-left:8px; margin-right:4px;}


/** ncp-progress **/
.ncp-progress{ position:relative;}
.ncp-progress .ncp-progress-bg{ display:block; position:relative; width:100%; height:16px; background-color:rgba(0,0,0,.03); box-shadow:0 2px 3px 0 rgba(0,0,0,.3); border-radius:4px; overflow:hidden;}
.ncp-progress .ncp-progress-bg .ncp-progress-bar{ position:absolute; top:0; left:0; bottom:0;}
.ncp-progress .ncp-progress-bg .ncp-progress-bar.ncp-progress-0{ background-color:#ffffc4;}
.ncp-progress .ncp-progress-bg .ncp-progress-bar.ncp-progress-1{ background-color:#fafa21;}
.ncp-progress .ncp-progress-bg .ncp-progress-bar.ncp-progress-2{ background-color:#defa21;}
.ncp-progress .ncp-progress-bg .ncp-progress-bar.ncp-progress-3{ background-color:#74f44f;}
.ncp-progress .ncp-progress-bg .ncp-progress-bar.ncp-progress-4{ background-color:#76f1e9;}
.ncp-progress .ncp-progress-bg .ncp-progress-bar.ncp-progress-5{ background-color:#5485ff;}
.ncp-progress .ncp-progress-percent{ display:block; position:absolute; top:-5px; left:0; width:100%; color:#fff; font-size:1.2rem; font-weight:bold; text-shadow:0 0 3px #000; line-height:16px; text-align:center;}
/* small */
.ncp-progress.small .ncp-progress-bg{ height:8px;}
.ncp-progress.small .ncp-progress-percent{ top:-8px; font-size:1rem; line-height:1rem;}
/* right/left percent */
.ncp-progress.percent-left .ncp-progress-percent{ text-align:left; padding-left:8px;}
.ncp-progress.percent-right .ncp-progress-percent{ text-align:right; padding-right:8px;}

/**
 * Materialize Fix
 */
body.preload *{ -webkit-transition:none!important; -moz-transition:none!important; -ms-transition:none!important; -o-transition:none!important; transition:none!important;}
/*nav .nav-wrapper{ z-index:1005;} TODO 2019/04/19 取引先：カテゴリセレクトがヘッダより前にきてしまうので、一度z-indexを洗い出す必要あり */
.collection .collection-item.avatar:not(.circle-clipper)>.circle, .collection .collection-item.avatar :not(.circle-clipper)>.circle{ top:11px;}
.input-field:last-child{ margin-bottom:0;}
.btn i, .btn-large i, .btn-small i, .btn-floating i, .btn-large i, .btn-small i, .btn-flat i{ font-size:inherit;}
.pagination{ text-align:center;}
.pagination li{ padding:0 3px;}
.pagination li i{ font-size:1.3rem;}
.carousel .indicators{ height:38px; padding:6px; background-color:rgba(30,30,30,.3); }
.carousel .indicators .indicator-item{ margin:0 6px;}
.carousel.carousel-slider .carousel-item{ overflow:hidden;}
.carousel .carousel-item>img{ height:100%; width:auto; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%);}
.dropdown-content{ min-width:150px; z-index:997;}
.dropdown-content.on-ncp-modal{ z-index:1001;}
.dropdown-content.select-dropdown{ z-index:1004;}
table.ncp-table th{ background:#f2f2f2;}
table.ncp-table td, th{ padding:8px; word-break:break-all;}
.datepicker-footer{ margin-bottom:8px;}
.collapsible span.badge.badge-require{ margin-left:14px;}
.sidenav{ height:100%!important;}
.sidenav.sidenav-fixed .divider{ margin:8px 0;}
.sidenav .user-view img{ object-fit:cover;}
.sidenav .collapsible-body, .sidenav.fixed .collapsible-body{ background-color:inherit;}
label{ color:inherit;}
.card .card-image{ min-height:80px;}
.btn-floating.halfway-fab{ z-index:2;}
.card .card-action a:not(.btn):not(.btn-large):not(.btn-small):not(.btn-large):not(.btn-floating){ text-transform:unset;}
@media only screen and (max-width : 992px) {
  .pagination li{ padding:0 1px; min-width:32px;}
  .datepicker-date-display{ display:none;}
  .material-tooltip{ display:none;}
  span.tooltipped{ user-select:none;}
}
@media only screen and (min-width : 993px) {
  /*.carousel .carousel-item>img{ height:auto; width:100%;}*/
}


/**
 * Materialize Add
 */
main{ min-height:calc(100vh - 134px);}
tr{ border-top:1px solid rgba(0,0,0, 0.08);}
.carousel .carousel-noimage{ background:#f2f2f2; width:100%; height:100%; display:flex; justify-content:center; align-items:center;}
.carousel .carousel-noimage .inner{ display:block; font-size:42px; color:#bbb;}
.carousel .carousel-noimage .inner .fas,
.carousel .carousel-noimage .inner .far,
.carousel .carousel-noimage .inner .fab,
.carousel .carousel-noimage .inner .fal{ display:inherit; font-size:98px;}
.collapsible.flat{ border:0; box-shadow:none;}
.collapsible.flat .collapsible-header{ padding-left:0; padding-right:0;}
.collapsible.flat .collapsible-header .fas,
.collapsible.flat .collapsible-header .far,
.collapsible.flat .collapsible-header .fab,
.collapsible.flat .collapsible-header .fal{ font-size:1.1rem; line-height:1.6rem;}
.pagination li.active span{ color:#fff;}
.pagination li span{ color:#444; display:inline-block; font-size:1.2rem; padding:0 10px; line-height:30px;}
.pagination li.disabled span{ cursor:default; color:#999;}
.row>.helper-text{ margin-bottom:8px;}
.input-field.prefix-text,.input-field.suffix-text{ padding-top:18px!important;}
.input-field>.input-field.prefix-text,.input-field>.input-field.suffix-text{ margin-top:0;}
.row>.input-field.prefix-text>.btn,.row>.input-field.suffix-text>.btn{ margin-top:-18px;}
.input-field.prefix-text{ padding-right:0;}
.input-field.suffix-text{ padding-left:0;}
.btn.btn-border,.btn-large.btn-border,.btn-small.btn-border{ box-shadow:0 0 1px 1px;}
.material-tooltip{ background-color:rgba(0,0,0,.78);}
.card .card-action.card-row-link{ padding:0;}
.card .card-action.card-row-link>a{ display:block; padding:16px 24px; margin-right:0!important; transition-property:inherit!important;}
.card .card-action.card-row-link.card-row-link-small>a{ padding:8px 24px;}
.modal.modal-image-only{ max-width:80%; width:auto;}
.page-footer.footer-small .footer-copyright{ min-height:32px; padding:4px 0;}

/* scrollbar */
@media only screen and (min-width : 993px) {
  ::-webkit-scrollbar{ width:8px;}
  ::-webkit-scrollbar-thumb{ /*border-radius:12px;*/ background-color:rgba(0,0,0,.16);}
  ::-webkit-scrollbar-thumb:hover{ background-color:rgba(0,0,0,.24);}
  ::-webkit-scrollbar-track{ border-left:1px solid rgba(0,0,0,.08);}
}

/* ul/ol */
ul.browser-default{ padding-left:24px;}
ol.browser-default{ padding-left:24px;}
ul.indent,ol.indent{ padding-left:32px;}
ul.indent>li{ text-indent:-1.4rem;}

/* radio, check */
[type="radio"]:not(:checked)+span>.sub-label,[type="radio"]:checked+span>.sub-label{ display:block; color:#9e9e9e; font-size:.9rem;}

/* tab */
.tab-footer{ background-color:#fff; z-index:10;}
.tab-footer .tabs .tab a:focus,
.tab-footer .tabs .tab a:focus.active{ background-color:inherit;}
.tab-footer .tabs .tab a{ color:rgba(33,33,33,0.3);}
.tab-footer .tabs .tab a.active{ color:inherit;}
.tab-footer .tabs .tab a .fas,
.tab-footer .tabs .tab a .far,
.tab-footer .tabs .tab a .fab,
.tab-footer .tabs .tab a .fal{ font-size:2rem;}
.tab-footer .indicator{ height:4px;}
@media only screen and (min-width : 993px) {
  .tab-footer .tab a:hover{ color:inherit;}
}
@media only screen and (max-width : 992px) {
  .tab-footer{ position:fixed; width:100%; bottom:0; margin-bottom:0; box-shadow:0 1px 10px 0px rgba(0,0,0,.2);}
  .tab-footer .tabs{ height:56px;}
  .tab-footer .tabs .tab{ height:56px; line-height:56px;}
  .tab-footer .tabs .indicator{ display:none; height:0;}
  .tab-footer .tabs .tab a{ display:flex; flex-direction:column; align-items:center; justify-content:center;}
  .tab-footer .tabs .tab a .fas,
  .tab-footer .tabs .tab a .far,
  .tab-footer .tabs .tab a .fab,
  .tab-footer .tabs .tab a .fal{ font-size:1.8rem;}
  .tab-footer .tabs .tab a .icon-title{ font-size:.6rem; line-height:1rem; margin-top:4px;}
}

/* table */
table.ncp-no-border tr{ border:none;}
table.ncp-no-border td,table.ncp-no-border th{ padding:1.6px 0;}

/* sidenav */
.sidenav a.user-view.large-view{ min-height:124px; background:rgba(0,0,0,0.5);}
.sidenav a.user-view.large-view .background img{ opacity:0.6;}
.sidenav a.user-view.large-view span.circle{ background:#f2f2f2; overflow:hidden;}
.sidenav a.user-view.large-view span.circle>i.fas,
.sidenav a.user-view.large-view span.circle>i.far,
.sidenav a.user-view.large-view span.circle>i.fab,
.sidenav a.user-view.large-view span.circle>i.fal{ font-size:58px; margin-top:8px; margin-left:-4px; color:#d8d8d8; opacity:1;}
.sidenav a.user-view.large-view .name{ font-size:1.12rem; margin-top:8px; color:#fff; word-break:break-all;}
@media only screen and (min-width : 993px) {
  .sidenav a.user-view.large-view{ min-height:148px;}
}

/* collection + link */
.collection a.collection-item.link-item{ display:flex;}
.collection a.collection-item.link-item .item-body{ flex:1 1 0%; width:calc(100% - 8px);}
.collection a.collection-item.link-item .item-body p{ margin:0;}
.collection a.collection-item.link-item .item-body{ color:rgba(0,0,0,0.87);}
.collection a.collection-item.link-item .item-body .title{ text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.collection a.collection-item.link-item .item-body .title>.number{ font-size:1.6rem;}
.collection a.collection-item.link-item .item-body>.text{ color:#9b9b9b; text-overflow:ellipsis; overflow:hidden; white-space:nowrap;}
.collection a.collection-item.link-item .item-arrow{ display:inline-flex; align-items:center; color:#9b9b9b;}
.collection a.collection-item:not(.active).link-item:hover{ background-color:#f2f2f2;}

/* collection + check */
.collection-item .collection-item-check{ display:flex; align-items:center; padding-right:0; margin-top:0; margin-bottom:inherit;}
.collection-item .collection-item-check>p{ margin-top:0; margin-bottom:0;}
.collection-item .collection-item-check [type="checkbox"]+span:not(.lever){ height:15px;}

/* collection + meter */
.collection-item.meter-item{ position:relative; padding:0;}
.collection-item.meter-item .meter-item-content{ padding:10px 20px;}
.collection-item.meter-item .meter-item-content.has-head{ display:flex; padding:0;}
.collection-item.meter-item .meter-item-content .meter-item-head{ display:inline-block; padding:10px 0 10px 20px; width:48px;}
.collection-item.meter-item .meter-item-content .meter-item-body{ display:inline-block; padding:10px 20px 10px 0; max-width:calc(100% - 88px); word-break:break-all;}
.collection-item.meter-item .meter-item-gauge-wrap{ position:absolute; top:2px; left:1px; height:calc(100% - 4px); width:100%;}
.collection-item.meter-item .meter-item-gauge-wrap .meter-item-gauge{ height:100%; border-top-right-radius:12px; border-bottom-right-radius:12px; background-color:rgba(90,245,200,.12); border:1px solid rgba(50,220,182,.2);}
.collection-item.meter-item .meter-item-gauge-wrap .meter-item-text{ display:flex; position:absolute; top:0; right:20px; height:100%; align-items:center; color:rgba(50,220,182,.7);}

/* ncp-modal + Materialize */
.ncp-modal-body .carousel.carousel-slider:not(.tabs-content){ height:280px!important; background:#f2f2f2;}
.ncp-modal-body .carousel.carousel-slider:not(.tabs-content) .carousel-item{ min-height:280px;}

/* ncp-api-request + Materialize */
.body-load-area{ display:flex; justify-content:center; align-items:center; width:100%; height:calc(100% - 56px); position:absolute; top:24vh; padding-bottom:80%; z-index:1001;}

/* text-area + Materialize */
.materialize-textarea.border-textarea{ border:1px solid rgba(0,0,0,.1); margin-top:8px; padding:8px; min-height:8rem;}
.materialize-textarea.border-textarea+label:not(.active){ padding:8px;}
.materialize-textarea.border-textarea+label.active{ margin-bottom:4px;}
textarea.materialize-textarea.border-textarea:focus{ box-shadow:none; border-bottom:1px solid rgba(0,0,0,.1);}


/**
 * utility
 */
strong{ font-weight:bold;}
.wb{ word-break:break-all;}
.l-right-s-left{ text-align:left;}
.l-left-s-right{ text-align:right;}
@media only screen and (min-width : 993px) {
  .l-right-s-left{ text-align:right;}
  .l-left-s-right{ text-align:left;}
}


/**
 * tinymce Add
 */
.mce-area{ word-break:break-all;}
.mce-area strong{ font-weight:bold;}
.mce-area table, .mce-area th, .mce-area td{ border:1px solid;}


/**
 * margin and padding
 *  prefix: mx, my, mt, mr, ml, mb, px, py, p
 *  suffix: 0, 5, 10, 15, 20, 30, 40, 50, 60, 70, 80
 *  suffix:    4,  8, 16, 24, 32, 40, 48, 56, 64, 72
 */
.mx0{margin-left:0!important;margin-right:0!important;}.my0{margin-top:0!important;margin-bottom:0!important;}.mx5{margin-left:5px!important;margin-right:5px!important;}.my5{margin-top:5px!important;margin-bottom:5px!important;}.mx10{margin-left:10px!important;margin-right:10px!important;}.my10{margin-top:10px!important;margin-bottom:10px!important;}.mx15{margin-left:15px!important;margin-right:15px!important;}.my15{margin-top:15px!important;margin-bottom:15px!important;}.mx20{margin-left:20px!important;margin-right:20px!important;}.my20{margin-top:20px!important;margin-bottom:20px!important;}.mx30{margin-left:30px!important;margin-right:30px!important;}.my30{margin-top:30px!important;margin-bottom:30px!important;}.mx40{margin-left:40px!important;margin-right:40px!important;}.my40{margin-top:40px!important;margin-bottom:40px!important;}.mx50{margin-left:50px!important;margin-right:50px!important;}.my50{margin-top:50px!important;margin-bottom:50px!important;}.mx60{margin-left:60px!important;margin-right:60px!important;}.my60{margin-top:60px!important;margin-bottom:60px!important;}.mx70{margin-left:70px!important;margin-right:70px!important;}.my70{margin-top:70px!important;margin-bottom:70px!important;}.mx80{margin-left:80px!important;margin-right:80px!important;}.my80{margin-top:80px!important;margin-bottom:80px!important;}.mx90{margin-left:90px!important;margin-right:90px!important;}.my90{margin-top:90px!important;margin-bottom:90px!important;}.mx100{margin-left:100px!important;margin-right:100px!important;}.my100{margin-top:100px!important;margin-bottom:100px!important;}.ml0{margin-left:0!important;}.mr0{margin-right:0!important;}.mt0{margin-top:0!important;}.mb0{margin-bottom:0!important;}.ml5{margin-left:5px!important;}.mr5{margin-right:5px!important;}.mt5{margin-top:5px!important;}.mb5{margin-bottom:5px!important;}.ml10{margin-left:10px!important;}.mr10{margin-right:10px!important;}.mt10{margin-top:10px!important;}.mb10{margin-bottom:10px!important;}.ml15{margin-left:15px!important;}.mr15{margin-right:15px!important;}.mt15{margin-top:15px!important;}.mb15{margin-bottom:15px!important;}.ml20{margin-left:20px!important;}.mr20{margin-right:20px!important;}.mt20{margin-top:20px!important;}.mb20{margin-bottom:20px!important;}.ml30{margin-left:30px!important;}.mr30{margin-right:30px!important;}.mt30{margin-top:30px!important;}.mb30{margin-bottom:30px!important;}.ml40{margin-left:40px!important;}.mr40{margin-right:40px!important;}.mt40{margin-top:40px!important;}.mb40{margin-bottom:40px!important;}.ml50{margin-left:50px!important;}.mr50{margin-right:50px!important;}.mt50{margin-top:50px!important;}.mb50{margin-bottom:50px!important;}.ml60{margin-left:60px!important;}.mr60{margin-right:60px!important;}.mt60{margin-top:60px!important;}.mb60{margin-bottom:60px!important;}.ml70{margin-left:70px!important;}.mr70{margin-right:70px!important;}.mt70{margin-top:70px!important;}.mb70{margin-bottom:70px!important;}.ml80{margin-left:80px!important;}.mr80{margin-right:80px!important;}.mt80{margin-top:80px!important;}.mb80{margin-bottom:80px!important;}.ml90{margin-left:90px!important;}.mr90{margin-right:90px!important;}.mt90{margin-top:90px!important;}.mb90{margin-bottom:90px!important;}.ml100{margin-left:100px!important;}.mr100{margin-right:100px!important;}.mt100{margin-top:100px!important;}.mb100{margin-bottom:100px!important;}.ml110{margin-left:110px!important;}.mr110{margin-right:110px!important;}.mt110{margin-top:110px!important;}.mb110{margin-bottom:110px!important;}.ml120{margin-left:120px!important;}.mr120{margin-right:120px!important;}.mt120{margin-top:120px!important;}.mb120{margin-bottom:120px!important;}.py0{padding-top:0!important;padding-bottom:0!important;}.px0{padding-left:0!important;padding-right:0!important;}.p0{padding:0!important;}.py5{padding-top:5px!important;padding-bottom:5px!important;}.px5{padding-left:5px!important;padding-right:5px!important;}.p5{padding:5px!important;}.py10{padding-top:10px!important;padding-bottom:10px!important;}.px10{padding-left:10px!important;padding-right:10px!important;}.p10{padding:10px!important;}.py15{padding-top:15px!important;padding-bottom:15px!important;}.px15{padding-left:15px!important;padding-right:15px!important;}.p15{padding:15px!important;}.py20{padding-top:20px!important;padding-bottom:20px!important;}.px20{padding-left:20px!important;padding-right:20px!important;}.p20{padding:20px!important;}.py30{padding-top:30px!important;padding-bottom:30px!important;}.px30{padding-left:30px!important;padding-right:30px!important;}.p30{padding:30px!important;}.py40{padding-top:40px!important;padding-bottom:40px!important;}.px40{padding-left:40px!important;padding-right:40px!important;}.p40{padding:40px!important;}.py50{padding-top:50px!important;padding-bottom:50px!important;}.px50{padding-left:50px!important;padding-right:50px!important;}.p50{padding:50px!important;}.py60{padding-top:60px!important;padding-bottom:60px!important;}.px60{padding-left:60px!important;padding-right:60px!important;}.p60{padding:60px!important;}.py70{padding-top:70px!important;padding-bottom:70px!important;}.px70{padding-left:70px!important;padding-right:70px!important;}.p70{padding:70px!important;}.py80{padding-top:80px!important;padding-bottom:80px!important;}.px80{padding-left:80px!important;padding-right:80px!important;}.p80{padding:80px!important;}
.mx4{margin-left:4px!important;margin-right:4px!important;}.mx8{margin-left:8px!important;margin-right:8px!important;}.mx16{margin-left:16px!important;margin-right:16px!important;}.mx24{margin-left:24px!important;margin-right:24px!important;}.mx32{margin-left:32px!important;margin-right:32px!important;}.mx40{margin-left:40px!important;margin-right:40px!important;}.mx48{margin-left:48px!important;margin-right:48px!important;}.mx56{margin-left:56px!important;margin-right:56px!important;}.mx64{margin-left:64px!important;margin-right:64px!important;}.mx72{margin-left:72px!important;margin-right:72px!important;}.my4{margin-top:4px!important;margin-bottom:4px!important;}.my8{margin-top:8px!important;margin-bottom:8px!important;}.my16{margin-top:16px!important;margin-bottom:16px!important;}.my24{margin-top:24px!important;margin-bottom:24px!important;}.my32{margin-top:32px!important;margin-bottom:32px!important;}.my40{margin-top:40px!important;margin-bottom:40px!important;}.my48{margin-top:48px!important;margin-bottom:48px!important;}.my56{margin-top:56px!important;margin-bottom:56px!important;}.my64{margin-top:64px!important;margin-bottom:64px!important;}.my72{margin-top:72px!important;margin-bottom:72px!important;}.mt4{margin-top:4px!important;}.mt8{margin-top:8px!important;}.mt16{margin-top:16px!important;}.mt24{margin-top:24px!important;}.mt32{margin-top:32px!important;}.mt40{margin-top:40px!important;}.mt48{margin-top:48px!important;}.mt56{margin-top:56px!important;}.mt64{margin-top:64px!important;}.mt72{margin-top:72px!important;}.mr4{margin-right:4px!important;}.mr8{margin-right:8px!important;}.mr16{margin-right:16px!important;}.mr24{margin-right:24px!important;}.mr32{margin-right:32px!important;}.mr40{margin-right:40px!important;}.mr48{margin-right:48px!important;}.mr56{margin-right:56px!important;}.mr64{margin-right:64px!important;}.mr72{margin-right:72px!important;}.ml4{margin-left:4px!important;}.ml8{margin-left:8px!important;}.ml16{margin-left:16px!important;}.ml24{margin-left:24px!important;}.ml32{margin-left:32px!important;}.ml40{margin-left:40px!important;}.ml48{margin-left:48px!important;}.ml56{margin-left:56px!important;}.ml64{margin-left:64px!important;}.ml72{margin-left:72px!important;}.mb4{margin-bottom:4px!important;}.mb8{margin-bottom:8px!important;}.mb16{margin-bottom:16px!important;}.mb24{margin-bottom:24px!important;}.mb32{margin-bottom:32px!important;}.mb40{margin-bottom:40px!important;}.mb48{margin-bottom:48px!important;}.mb56{margin-bottom:56px!important;}.mb64{margin-bottom:64px!important;}.mb72{margin-bottom:72px!important;}.px4{padding-left:4px!important;padding-right:4px!important;}.px8{padding-left:8px!important;padding-right:8px!important;}.px16{padding-left:16px!important;padding-right:16px!important;}.px24{padding-left:24px!important;padding-right:24px!important;}.px32{padding-left:32px!important;padding-right:32px!important;}.px40{padding-left:40px!important;padding-right:40px!important;}.px48{padding-left:48px!important;padding-right:48px!important;}.px56{padding-left:56px!important;padding-right:56px!important;}.px64{padding-left:64px!important;padding-right:64px!important;}.px72{padding-left:72px!important;padding-right:72px!important;}.py4{padding-top:4px!important;padding-bottom:4px!important;}.py8{padding-top:8px!important;padding-bottom:8px!important;}.py16{padding-top:16px!important;padding-bottom:16px!important;}.py24{padding-top:24px!important;padding-bottom:24px!important;}.py32{padding-top:32px!important;padding-bottom:32px!important;}.py40{padding-top:40px!important;padding-bottom:40px!important;}.py48{padding-top:48px!important;padding-bottom:48px!important;}.py56{padding-top:56px!important;padding-bottom:56px!important;}.py64{padding-top:64px!important;padding-bottom:64px!important;}.py72{padding-top:72px!important;padding-bottom:72px!important;}p4{padding:4px!important;}.p8{padding:8px!important;}.p16{padding:16px!important;}.p24{padding:24px!important;}.p32{padding:32px!important;}.p40{padding:40px!important;}.p48{padding:48px!important;}.p56{padding:56px!important;}.p64{padding:64px!important;}.p72{padding:72px!important;}