@charset "UTF-8";
.title-newsXs, .title-newsSm, .cms h4,
.cke_editable h4,
.cke_panel_listItem h4, .title-newsMd, .cms h3,
.cke_editable h3,
.cke_panel_listItem h3, .title-newsLg, .cms h2,
.cke_editable h2,
.cke_panel_listItem h2{
  line-height:1.2;
}

.title-newsLg, .cms h2,
.cke_editable h2,
.cke_panel_listItem h2{
  margin-bottom:20px;
  padding-bottom:0.5em;
  border-bottom:1px solid #dfdfdf;
  font-size:21px;
  color:#455a64;
}

.title-newsMd, .cms h3,
.cke_editable h3,
.cke_panel_listItem h3{
  margin-bottom:20px;
  font-size:18px;
  color:#455a64;
}

.title-newsSm, .cms h4,
.cke_editable h4,
.cke_panel_listItem h4{
  margin-bottom:10px;
  font-size:16px;
  color:#99abb4;
}

.title-newsXs{
  margin-bottom:6px;
  font-size:14px;
  color:#455a64;
}

.list-disc, .cms ul,
.cke_editable ul,
.cke_panel_listItem ul{
  padding-left:2em;
}
.list-disc > li, .cms ul > li,
.cke_editable ul > li,
.cke_panel_listItem ul > li{
  list-style-type:disc;
}

.cms ol,
.cke_editable ol,
.cke_panel_listItem ol{
  padding-left:2em;
}
html{
  background:#f5f5f5;
}

body{
  font-size:13px;
  font-weight:400;
  color:#333;
  line-height:1.42857143;
  -webkit-text-size-adjust:100%;
}

body, button, input, select, textarea, h1, h2, h3, h4, h5, h6{
  font-family:"Open Sans", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, "ＭＳ Ｐゴシック", sans-serif;
}

p{
  margin:0;
  padding:0;
}

h4{
  font-size:120%;
}

input::-moz-placeholder{
  color:#bbb !important;
}

input::placeholder{
  color:#bbb !important;
}

input::-ms-input-placeholder{
  color:#bbb !important;
}

[type=checkbox] + label{
  font-size:100%;
  height:20px;
  line-height:1.2;
}
.exMediaTableCellMenu [type=checkbox] + label{
  display:block;
  padding:8px 16px 8px 42px;
  height:40px;
}

.exMediaTableCellMenu [type=checkbox].filled-in:not(:checked) + label:before{
  top:50%;
  left:26px;
  transform:translate(-50%, -50%) rotateZ(37deg);
}
.exMediaTableCellMenu [type=checkbox].filled-in:not(:checked) + label:after{
  top:50%;
  left:16px;
  transform:translate(0, -50%);
}

.exMediaTableCellMenu [type=checkbox].filled-in:checked + label:before{
  top:16px;
  left:17px;
  transform:translate(0, -50%) rotateZ(37deg);
}
.exMediaTableCellMenu [type=checkbox].filled-in:checked + label:after{
  top:50%;
  left:16px;
  transform:translate(0, -50%);
}

[type=checkbox].filled-in:not(:checked) + label:before, [type=checkbox].filled-in:not(:checked) + label:after{
  background-color:#fff;
}

textarea{
  vertical-align:bottom;
}

header{
  background:#fff;
}

ul{
  list-style:none;
  margin:0;
  padding:0;
}

a[href^="tel:"]{
  color:inherit;
}
.device-PC a[href^="tel:"]{
  pointer-events:none;
}

video{
  width:100%;
  height:auto;
}

.album-class-block{
  padding-bottom:20px;
}
.face-count-table-list .album-class-block{
  width:-moz-max-content;
  width:max-content;
}
.face-photo-list.class-selected .album-class-block{
  display:none;
}
.face-count-table-list.class-selected .album-class-block{
  display:none;
}
.face-count-table-list.class-selected .album-class-block h4{
  display:none;
}
.face-photo-list .album-class-block.not-linked{
  display:none;
}
.face-count-table-list .album-class-block.not-linked{
  display:none;
}
.face-count-table-list .album-class-block h4{
  position:sticky;
  top:0;
  left:0;
  z-index:803;
  margin:0 -10px;
  padding:0 10px;
  height:30px;
  background-color:#fff;
}
.offcanvas .face-count-table-list .album-class-block h4{
  top:84px;
  margin:0 -1rem;
  padding:0 1rem 0;
}
.face-count-table-list .album-class-block h4 .album-class-name{
  display:block;
  position:sticky;
  top:0;
  left:0;
  z-index:802;
  overflow:hidden;
  max-width:calc(100vw - 90px);
  text-overflow:ellipsis;
  white-space:nowrap;
}
.offcanvas .face-count-table-list .album-class-block h4 .album-class-name{
  max-width:calc(100vw - 50px);
}
.face-photo-list.class-selected .album-class-block.selected{
  display:block;
}
.face-count-table-list.class-selected .album-class-block.selected{
  display:block;
}
.face-photo-list.class-selected .album-class-block.selected h4,
.face-photo-list.class-selected .album-class-block.selected hr{
  display:none;
}
.container-full-width{
  padding:0 15px;
}

.left-sidebar{
  position:fixed;
  top:0;
  left:-350px;
  z-index:10050;
  overflow-x:hidden;
  overflow-y:auto;
  padding:0;
  width:350px;
  max-width:100%;
  height:100%;
  background-color:rgba(0, 0, 0, 0.8);
  -webkit-overflow-scrolling:touch;
}
body:not(.open) .left-sidebar{
  box-shadow:none;
}
.left-sidebar .title{
  padding:10px;
  color:#fff;
}
.left-sidebar .inner{
  border-bottom:solid 1px #ccc !important;
  font-size:12px;
}
.left-sidebar .sidebar-body{
  cursor:pointer;
  background:#fff;
}
.left-sidebar .sidebar-body li{
  padding:10px;
  border-bottom:dashed 1px #ccc;
}
.left-sidebar .sidebar-body li i{
  display:inline;
  margin-top:2px;
  margin-right:5px;
  font-size:14px;
}
.left-sidebar .sidebar-body li:not(.current) i{
  color:#99abb4;
}
.left-sidebar .gm_b li:last-child{
  border-bottom:solid 1px #ccc;
}
.left-sidebar .sidebar-body li.current{
  color:#f8af00;
  font-weight:bold;
}
.left-sidebar .sidebar-body li:not(.inner):hover,
.left-sidebar .sidebar-body li:not(.inner):focus{
  background-color:#f1f3f4;
}
.left-sidebar .close-btn{
  cursor:pointer;
  float:right;
  margin-top:-3px;
  font-size:160%;
  line-height:0;
}
.left-sidebar button{
  transition:all 0.1s ease-out;
}
.nav-tabs .nav-item-recommend .nav-link::before{
  content:"";
  display:inline-block;
  margin-right:5px;
  width:16px;
  height:16px;
  background:url(/ex/ps/images/album/icon-kaotan-mark-recommend.svg) center center/contain no-repeat;
}
.nav-tabs .nav-item .nav-link{
  display:flex;
  justify-content:center;
  align-items:center;
  position:relative;
  padding:0.75rem 1rem;
  border-color:#e9ecef;
  border-radius:0;
  width:100%;
  height:100%;
  transition:background 0.15s;
}
.nav-tabs .nav-item .nav-link:not(.active):hover, .nav-tabs .nav-item .nav-link:not(.active):focus{
  background-color:#f1f3f4;
}
.nav-tabs .nav-item .nav-link::after{
  content:"";
  position:absolute;
  top:-1px;
  left:-1px;
  width:calc(100% + 2px);
  height:2px;
}
.nav-tabs .nav-item .nav-link.active{
  border-bottom-color:transparent;
  font-weight:700;
}
.nav-tabs .nav-item .nav-link.active::after{
  background-color:#007bff;
}
.nav-tabs .nav-item .nav-link .mdi{
  transform:scale(1.2);
  margin-right:0.25em;
}

.nav-pills{
  flex-wrap:nowrap;
  margin-bottom:20px;
  min-height:38px;
}
.nav-item{
  display:flex;
  align-items:center;
}
.nav-pills .nav-item{
  justify-content:center;
  overflow:hidden;
  margin-left:-1px;
  padding:0.5rem 1rem;
  border:1px solid #dfdfdf;
  background-color:#fff;
}
.nav-pills .nav-item:first-child:last-child{
  border-radius:0.25rem;
}
.nav-pills .nav-item:first-child{
  border-radius:0.25rem 0 0 0.25rem;
}
.nav-pills .nav-item:not(:first-child){
  border-radius:0;
}
.nav-pills .nav-item:last-child{
  border-radius:0 0.25rem 0.25rem 0;
}
.nav-pills .nav-item.active{
  border-color:#007bff;
  background-color:#007bff;
  color:#fff;
}
.nav-item.active .text-muted{
  color:#fff !important;
}
.nav .nav-link{
  height:100%;
  transition:background-color 0.3s;
}
.nav .nav-link:not(.active):hover, .nav .nav-link:not(.active):focus{
  background-color:#f5f5f5;
}
.nav-link-menu{
  display:flex;
  align-items:center;
  border:none;
  background-color:transparent;
}
.nav-link-menu:focus, .nav-link-menu:active{
  outline:none;
}

.offcanvas{
  display:flex;
  flex-direction:column;
  position:fixed;
  top:0;
  bottom:0;
  left:0;
  z-index:10050;
  transform:translateX(-100%);
  box-shadow:0 0.125rem 0.25rem rgba(0, 0, 0, 0.075);
  border-right:1px solid #dfdfdf;
  max-width:100%;
  background-color:#fff;
  transition:all 0.3s ease-in-out;
}
.offcanvas.show-current{
  transform:none;
  width:415px;
}
.offcanvas.show-all{
  transform:none;
  border-right:none;
  width:100%;
}
.offcanvas-header{
  display:flex;
  justify-content:space-between;
  align-items:center;
  padding:1rem;
  border-bottom:1px solid rgba(121, 134, 153, 0.3);
  height:55px;
}
.offcanvas-header button[class^=btn-]{
  cursor:pointer;
  display:flex;
  justify-content:center;
  align-items:center;
  border:none;
  width:100%;
  height:100%;
  background-color:transparent;
  font-size:20px;
  color:#737c80;
}
.offcanvas-header button[class^=btn-]:hover, .offcanvas-header button[class^=btn-]:focus{
  outline:none;
  opacity:0.75;
  color:#000;
}
.offcanvas-header button[class^=btn-]:not(:last-child){
  margin:-1rem 0 -1rem auto;
  padding:1rem 0.5rem 1rem 1rem;
}
.offcanvas-header button[class^=btn-]:last-child{
  margin:-1rem -1rem -1rem 0;
  padding:1rem 1rem 1rem 0.5rem;
}
.offcanvas-title{
  margin-bottom:0;
  line-height:1.5;
}
.offcanvas-body{
  flex-grow:1;
  overflow-y:auto;
  padding:1rem;
}

.page-wrapper{
  padding-top:10px;
  background-color:#eee;
}

.fixed-block{
  padding:10px;
  background-color:rgba(0, 0, 0, 0.8);
}

.maintanance-header,
.message-header{
  position:relative;
  z-index:1021;
  padding:4px;
  font-size:90%;
  line-height:1.4;
  text-align:center;
}

.maintanance-header{
  background-color:#c80000;
  color:#fff;
}
.maintanance-header a{
  color:#fff;
  text-decoration:underline;
}

.message-header{
  border:3px solid #ff8181;
  background-color:#fff;
}

[contenteditable=true]:empty:before{
  content:attr(placeholder);
  display:block;
  color:#999;
  pointer-events:none;
}

#album-home-form table td{
  vertical-align:middle;
}

.popup{
  min-height:100%;
  background-color:transparent;
}
.popup body{
  min-height:100%;
  background-color:transparent;
}
.popup-form{
  display:flex;
  flex-direction:column;
  position:relative;
  overflow:hidden;
  border-radius:0 0 0.3rem 0.3rem;
  height:100vh;
  background-color:#fff;
}
.popup-form-body{
  flex:1 1 auto;
  overflow-y:auto;
  padding:20px;
}
.popup-form-footer{
  display:flex;
  flex-shrink:0;
  justify-content:flex-end;
  align-items:center;
  padding:20px;
  border-top:1px solid #dfdfdf;
  border-radius:0 0 0.3rem 0.3rem;
  width:100%;
  background-color:#fff;
  gap:0.5em;
}
.popup-form-trim-image{
  display:flex;
  justify-content:center;
  align-items:center;
  height:calc(100% - 23px);
}
.popup-form-trim-image .row{
  display:block;
  padding:10px;
}

@page{
  margin:0;
  size:A3 landscape;
}
.print-iframe{
  opacity:0;
  position:absolute;
  top:-9999px;
  left:-9999px;
  width:10px;
  height:10px;
  pointer-events:none;
}
.side-content .btn-help-text{
  margin-bottom:8px;
}
.side-content:has(.class-selected) .btn-help-text{
  margin-bottom:16px;
}

.sidebar{
  display:flex !important;
  flex-direction:column;
  overflow:hidden !important;
  max-height:100%;
}
.sidebar-light{
  background:#fff;
  color:#333;
}
.sidebar-dark{
  background:#272c33;
  color:#99abb4;
}
.sidebar-header{
  display:flex;
  justify-content:space-between;
  align-items:center;
  border-bottom:1px solid rgba(121, 134, 153, 0.3);
  height:56px;
}
.sidebar-header .btn{
  flex-shrink:0;
  margin-left:10px;
  padding-top:6px;
  padding-bottom:6px;
  min-height:32px;
  background-color:transparent;
}
.sidebar-dark .sidebar-header .btn{
  color:#fff !important;
}
.sidebar-dark .sidebar-header .btn:not(.disabled):not(:disabled):hover, .sidebar-dark .sidebar-header .btn:not(.disabled):not(:disabled):focus{
  background-color:rgba(121, 134, 153, 0.1);
}
.sidebar-title{
  overflow:hidden;
  padding-left:15px;
  width:calc(100% - 56px);
  font-size:16px;
}
.sidebar-close{
  flex-shrink:0;
  width:56px;
  height:56px;
}
.sidebar-btn-close{
  cursor:pointer;
  display:flex;
  justify-content:center;
  align-items:center;
  padding:0;
  border:none;
  width:100%;
  height:100%;
  background-color:transparent;
  font-size:24px;
}
.sidebar-dark .sidebar-btn-close{
  color:#99abb4;
}
.sidebar-btn-close:active, .sidebar-btn-close:focus{
  outline:none;
}
.sidebar .slimScrollDiv{
  flex:1 1 auto;
}
.sidebar-footer{
  padding:15px;
  border-top:1px solid rgba(121, 134, 153, 0.3);
  height:72px;
  background:transparent !important;
}
.sidebar-footer .btn-lg{
  min-width:auto;
}
.sidebar-footer .btn-lg .label{
  padding-top:4px;
  font-size:12px;
}
.sidebar-nav{
  padding:10px 0;
  background:transparent;
}
.sidebar-nav > ul > li{
  display:block;
  padding:0;
  width:100%;
}
.sidebar-nav > ul > li.nav-devider, .sidebar-nav > ul > li.nav-small-cap{
  display:block;
}
.sidebar-nav > ul > li.nav-devider{
  margin:10px 15px;
  width:calc(100% - 30px);
  height:1px;
  background-color:rgba(121, 134, 153, 0.3);
}
.sidebar-nav > ul > li.nav-small-cap{
  padding:10px 15px;
  font-size:12px;
  color:#99abb4;
}
.sidebar-dark .sidebar-nav > ul > li.nav-small-cap{
  color:rgba(153, 171, 180, 0.55);
}
.sidebar-nav > ul > li .sidebar-link{
  cursor:pointer;
  position:relative;
  padding:10px 15px !important;
  border:none;
  border-radius:0;
  width:100%;
  background-color:transparent;
  font-size:13px;
  color:#455a64 !important;
  text-align:left;
}
.sidebar-nav > ul > li .sidebar-link.sidebar-link-icon, .sidebar-nav > ul > li .sidebar-link.sidebar-link-icon + .collapse .sidebar-link{
  padding-left:43px !important;
}
.sidebar-dark .sidebar-nav > ul > li .sidebar-link{
  color:#99abb4 !important;
}
.sidebar-nav > ul > li .sidebar-link.active, .sidebar-nav > ul > li .sidebar-link.current, .sidebar-nav > ul > li .sidebar-link:hover, .sidebar-nav > ul > li .sidebar-link:hover i{
  color:#455a64 !important;
}
.sidebar-dark .sidebar-nav > ul > li .sidebar-link.active, .sidebar-dark .sidebar-nav > ul > li .sidebar-link.current, .sidebar-dark .sidebar-nav > ul > li .sidebar-link:hover, .sidebar-dark .sidebar-nav > ul > li .sidebar-link:hover i{
  color:#fff !important;
}
.sidebar-nav > ul > li .sidebar-link:active, .sidebar-nav > ul > li .sidebar-link:focus{
  outline:none;
}
.sidebar-nav > ul > li .sidebar-link.active, .sidebar-nav > ul > li .sidebar-link.current{
  font-weight:700;
}
.sidebar-nav > ul > li .sidebar-link.current, .sidebar-nav > ul > li .sidebar-link:hover{
  background-color:#f1f3f4;
}
.sidebar-dark .sidebar-nav > ul > li .sidebar-link.current, .sidebar-dark .sidebar-nav > ul > li .sidebar-link:hover{
  background-color:rgba(121, 134, 153, 0.1);
}
.sidebar-nav > ul > li .sidebar-link.disabled{
  opacity:0.5;
  pointer-events:none;
}
.sidebar-nav > ul > li .sidebar-link.has-arrow{
  padding-right:30px !important;
}
.sidebar-nav > ul > li .sidebar-link.has-arrow::after{
  font-size:18px;
  color:#99abb4;
}
.sidebar-nav > ul > li .sidebar-link.has-arrow:hover::after, .sidebar-nav > ul > li .sidebar-link.has-arrow.active::after{
  border-color:#455a64;
}
.sidebar-dark .sidebar-nav > ul > li .sidebar-link.has-arrow:hover::after, .sidebar-dark .sidebar-nav > ul > li .sidebar-link.has-arrow.active::after{
  border-color:#fff;
}
.sidebar-nav > ul > li .sidebar-link[class*=sidebar-link-label] .label{
  position:absolute;
  top:50%;
  right:15px;
  float:none;
  transform:translateY(-50%);
  margin-top:0;
  min-width:50px;
  text-align:right;
}
.sidebar-nav > ul > li .sidebar-link[class*=sidebar-link-label] .label.label-status{
  display:flex;
  justify-content:flex-end;
  align-items:center;
  padding:0;
  color:#455a64;
}
.sidebar-dark .sidebar-nav > ul > li .sidebar-link[class*=sidebar-link-label] .label.label-status{
  color:#99abb4;
}
.sidebar-nav > ul > li .sidebar-link[class*=sidebar-link-label] .label.label-status i{
  display:inline-block;
}
.sidebar-nav > ul > li .sidebar-link.sidebar-link-label{
  padding-right:75px !important;
}
.sidebar-nav > ul > li .sidebar-link.sidebar-link-label-lg{
  padding-right:115px !important;
}
.sidebar-nav > ul > li .sidebar-link i,
.sidebar-nav > ul > li .sidebar-link svg{
  display:block !important;
  position:absolute;
  top:50%;
  left:15px;
  transform:translateY(-50%);
  width:18px;
  font-size:18px;
  color:inherit !important;
  text-align:center;
}
.sidebar-nav > ul > li .sidebar-link svg path{
  fill:#455a64;
}
.sidebar-nav > ul > li .sidebar-link.sidebar-link-candidate-photo i{
  color:#1e88e5 !important;
}
.sidebar-nav > ul > li .sidebar-link.sidebar-link-manuscript i{
  color:#34b200 !important;
}
.sidebar-dark .sidebar-nav > ul > li .sidebar-link .text-muted{
  color:rgba(153, 171, 180, 0.55) !important;
}
.sidebar-nav > ul > li .collapse{
  padding:0;
}
.sidebar-help{
  position:relative;
}
.sidebar-help .help-icon{
  position:absolute;
  top:50%;
  right:15px;
  transform:translateY(-50%);
}
.sidebar-data-none{
  display:flex;
  justify-content:center;
  align-items:center;
  padding:15px;
  height:100%;
}
.sidebar-data-none .data-none-icon img{
  height:80px !important;
}
.sidebar-list-item{
  padding:15px;
}
.sidebar-list-item:not(:first-child){
  border-top:1px dashed #ccc;
}
.sidebar-list-title{
  margin-bottom:12px;
  font-size:13px;
  color:#67757c;
}
.sidebar-list-title > i{
  margin-right:0.25em;
  font-size:16px;
  line-height:1;
  vertical-align:bottom;
}
.swap-box-title{
  margin:0 auto;
  font-size:14px;
  font-weight:700;
  color:#67757c;
  text-align:center;
}
.swap-box-page .swap-box-title{
  margin-bottom:10px;
}
.swap-box-page{
  margin-bottom:30px;
}
.swap-box-nav{
  scrollbar-width:thin;
  scrollbar-color:#d7dfe3 transparent;
  overflow-x:auto;
  padding-left:1px
}
.swap-box-nav::-webkit-scrollbar{
  width:9px;
  height:9px;
}
.swap-box-nav::-webkit-scrollbar-track{
  border-radius:1em;
  background-color:#fff;
}
.swap-box-nav::-webkit-scrollbar-thumb{
  border-radius:1em;
  border:2px solid #fff;
  background-color:#d7dfe3;
}
.swap-box-nav .nav{
  position:relative;
}
.swap-box-nav .nav-item{
  min-width:200px;
}
.swap-box-nav .nav-item.active{
  font-weight:700;
}
.swap-box-nav .nav-item.active .text-muted{
  font-weight:400;
}
.swap-box-header{
  display:flex;
  justify-content:center;
  align-items:center;
}
.swap-box-header-center{
  display:none;
}
.swap-box-body .tableUtility{
  position:static;
}
.swap-box-body-center{
  position:sticky;
  top:45px;
  bottom:0;
  z-index:800;
  padding:10px 0;
  background-color:#fff;
}
.popup-form-body .swap-box-body-center{
  top:-20px;
  bottom:-20px;
}
.swap-box-body-right .tableUtility{
  flex-direction:column-reverse;
  align-items:flex-start;
  height:auto;
}
.swap-box-body-right .input-search{
  margin-bottom:10px;
  width:305px;
}
.swap-box-btn{
  display:flex;
  justify-content:center;
  align-items:center;
}
.swap-box-btn .btn{
  margin:0 5px;
}
.swap-box-empty{
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;
  padding:15px;
  border:1px dashed #99abb4;
}

.topbar{
  z-index:1020;
}
.topbar .top-navbar{
  padding:0 !important;
  max-width:none;
  height:45px;
  min-height:45px;
}
.topbar .top-navbar .navbar-header,
.topbar .top-navbar .navbar-header .navbar-brand b{
  line-height:1;
}
.topbar .top-navbar .navbar-header{
  display:flex;
  flex-shrink:0;
  justify-content:center;
  align-items:center;
  width:45px;
  height:100%;
  text-align:left;
}
.logo-center .topbar .top-navbar .navbar-header{
  position:static;
}
.topbar .top-navbar .navbar-header .logo{
  width:170px;
}
.topbar .top-navbar .navbar-header .logo-s{
  width:40px;
}
.topbar .top-navbar .navbar-collapse{
  display:flex;
  width:calc(100% - 90px);
  height:100%;
}
.topbar .top-navbar .navbar-collapse .navbar-nav{
  justify-content:flex-end;
  width:100%;
}
.topbar .top-navbar .navbar-nav{
  height:100%;
}
.topbar .top-navbar .navbar-nav > .navbar-item{
  height:100%;
}
.topbar .top-navbar .navbar-nav > .navbar-item-project-info{
  flex:1 1 auto;
  overflow:hidden;
}
.topbar .top-navbar .navbar-nav > .navbar-item:not(.navbar-item-project-info){
  flex-shrink:0;
}
.topbar .top-navbar .navbar-nav > .navbar-item-setting, .topbar .top-navbar .navbar-nav > .navbar-item-form, .topbar .top-navbar .navbar-nav > .navbar-item-tel{
  display:none;
}
.topbar .top-navbar .navbar-nav > .navbar-item-other .dropdown-menu{
  max-width:calc(100vw - 45px);
}
.topbar .top-navbar .navbar-nav > .navbar-item .dropdown{
  height:100%;
}
.topbar .top-navbar .navbar-nav > .navbar-item .navbar-project-info{
  display:flex;
  align-items:center;
  overflow:hidden;
  padding:8px;
  height:100%;
}
.topbar .top-navbar .navbar-nav > .navbar-item .navbar-project-info .image{
  display:none;
}
.topbar .top-navbar .navbar-nav > .navbar-item .navbar-project-info .image img{
  border-radius:3px;
  width:100% !important;
  height:100% !important;
}
.topbar .top-navbar .navbar-nav > .navbar-item .navbar-project-info .text{
  overflow:hidden;
}
.topbar .top-navbar .navbar-nav > .navbar-item .navbar-project-info .text .text-sub{
  margin-bottom:0.25em;
  font-size:10px;
  color:#99abb4;
}
.topbar .top-navbar .navbar-nav > .navbar-item .navbar-project-info .text .text-main{
  font-size:13px;
}
.topbar .top-navbar .navbar-nav > .navbar-item .dropdown-toggle::after{
  content:"";
  display:block;
  position:absolute;
  top:50%;
  right:12px;
  transform:translateY(-50%);
  border-top:0.3em solid;
  border-right:0.3em solid transparent;
  border-bottom:0;
  border-left:0.3em solid transparent;
  width:0;
  height:0;
}
.topbar .top-navbar .navbar-nav > .navbar-item .dropdown-toggle .navbar-project-info{
  padding:0 28px 0 8px;
  border-left:1px solid #99abb4;
}
.topbar .top-navbar .navbar-nav > .navbar-item > .navbar-link,
.topbar .top-navbar .navbar-nav > .navbar-item > .dropdown .navbar-link{
  cursor:pointer;
  outline:none;
  display:flex;
  justify-content:center;
  align-items:center;
  position:relative;
  padding:0;
  border:none;
  height:100%;
  background-color:transparent;
  font-size:14px;
  color:#455a64;
  line-height:1.3;
  transition:background-color 0.15s ease-in-out;
}
.topbar .top-navbar .navbar-nav > .navbar-item > .navbar-link:hover, .topbar .top-navbar .navbar-nav > .navbar-item > .navbar-link:focus,
.topbar .top-navbar .navbar-nav > .navbar-item > .dropdown .navbar-link:hover,
.topbar .top-navbar .navbar-nav > .navbar-item > .dropdown .navbar-link:focus{
  background-color:#f1f3f4;
}
.topbar .top-navbar .navbar-nav > .navbar-item > .navbar-link:not(.navbar-link-menu),
.topbar .top-navbar .navbar-nav > .navbar-item > .dropdown .navbar-link:not(.navbar-link-menu){
  border-left:1px solid #99abb4;
}
.topbar .top-navbar .navbar-nav > .navbar-item > .navbar-link .navbar-link-notify,
.topbar .top-navbar .navbar-nav > .navbar-item > .dropdown .navbar-link .navbar-link-notify{
  position:absolute;
  top:-5px;
  right:-5px;
  z-index:2;
  font-size:20px;
  line-height:20px;
}
.topbar .top-navbar .navbar-nav > .navbar-item > .navbar-link .navbar-link-notify::before,
.topbar .top-navbar .navbar-nav > .navbar-item > .dropdown .navbar-link .navbar-link-notify::before{
  line-height:inherit !important;
}
.topbar .top-navbar .navbar-nav > .navbar-item > .navbar-link .navbar-link-notify::after,
.topbar .top-navbar .navbar-nav > .navbar-item > .dropdown .navbar-link .navbar-link-notify::after{
  content:"";
  display:block;
  position:absolute;
  top:15%;
  left:15%;
  z-index:-1;
  border-radius:50%;
  width:70%;
  height:70%;
  background-color:#fff;
}
.topbar .top-navbar .navbar-nav > .navbar-item > .navbar-link-menu{
  flex-direction:column;
  padding:0;
  border-right:1px solid #99abb4;
  width:45px;
}
.topbar .top-navbar .navbar-nav > .navbar-item > .navbar-link-menu .ti{
  line-height:1 !important;
}
.topbar .top-navbar .navbar-nav > .navbar-item > .navbar-link-menu .ti::before{
  font-size:24px !important;
}
.topbar .top-navbar .navbar-nav > .navbar-item > .navbar-link-menu .text{
  transform:scale(0.9);
  font-size:10px;
  letter-spacing:0.05em;
}
.topbar .top-navbar .navbar-nav > .navbar-item > .navbar-link-icon{
  padding:0;
  width:45px;
  font-size:24px;
  color:#455a64;
}
.topbar .top-navbar .navbar-nav > .navbar-item > .navbar-link-profile{
  width:45px;
}
.topbar .top-navbar .navbar-nav > .navbar-item > .navbar-link-profile.dropdown-toggle::after{
  display:none;
}
.topbar .top-navbar .navbar-nav > .navbar-item > .navbar-link-profile .icon-area{
  display:flex;
  justify-content:center;
  align-items:center;
  position:relative;
  width:30px;
  height:30px;
}
.topbar .top-navbar .navbar-nav > .navbar-item > .navbar-link-profile .icon-area .notify{
  position:absolute;
  top:8px;
  right:-8px;
}
.topbar .top-navbar .navbar-nav > .navbar-item > .navbar-link-profile .icon-area .notify .point{
  border:1px solid #fff;
  width:8px;
  height:8px;
}
.topbar .top-navbar .navbar-nav > .navbar-item > .navbar-link-profile img,
.topbar .top-navbar .navbar-nav > .navbar-item > .navbar-link-profile svg{
  border-radius:50%;
  width:30px;
  height:30px;
  background-size:cover;
  vertical-align:middle;
}
.topbar .top-navbar .navbar-nav > .navbar-item > .navbar-link-profile .name{
  display:none;
}
.topbar .top-navbar-full-width{
  max-width:none;
}

.accordion-title{
  position:relative;
  padding:0.75rem 1.25rem;
}
.accordion-title::after{
  content:"\f140";
  font-family:"Material Design Icons";
  font-size:inherit;
  font-weight:normal;
  line-height:1;
  text-rendering:auto;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  position:absolute;
  top:50%;
  right:1.25rem;
  transform:translateY(-50%);
  color:#99abb4;
}
.accordion-title:not(.collapsed)::after{
  transform:translateY(-50%) rotateX(180deg);
}
.accordion .card{
  border:1px solid #d7dfe3 !important;
}
.accordion .card-header{
  padding:0;
}

.alert{
  margin-bottom:20px;
}
.alert.unable-javascript{
  position:relative;
  z-index:99999;
  max-width:500px;
}
.alert li{
  margin-left:0.75rem;
  padding-bottom:5px;
  text-indent:-0.5rem;
}
.alert li:last-child{
  padding-bottom:0;
}
.alert li i{
  padding-right:5px;
}
.alert .list-disc li{
  margin-left:0;
  text-indent:0;
}
.alert .mdi{
  margin:0 0.25em;
}
.alert .mdi:before{
  transform:scale(1.3);
}
.alert .mdi.mdi-check:before{
  font-weight:700;
}

.badge{
  padding:0.35em 0.65em;
  font-size:0.847em;
}
.badge-need, .badge-any{
  border:1px solid;
}
.badge-need{
  border-color:#ea352d;
  background-color:#ea352d;
  color:#fff;
}
.badge-any{
  border-color:#99abb4;
  color:#333;
}

.breadcrumb{
  padding:0;
  background-color:transparent;
  color:#455a64;
}
.list-group .breadcrumb{
  color:#99abb4;
}
.list-group .breadcrumb, .table .breadcrumb{
  display:block;
}
.breadcrumb-sm{
  font-size:11px;
}
.breadcrumb-item{
  margin:0;
}
.list-group .breadcrumb-item, .table .breadcrumb-item{
  display:inline;
}
.breadcrumb-item + .breadcrumb-item{
  padding-left:0;
}
.breadcrumb-item + .breadcrumb-item::before{
  content:"\f105";
  margin:0 0.5em;
  padding-right:0;
  font:normal normal normal 1em/1 FontAwesome;
  color:#99abb4;
}
.breadcrumb a .fa,
.breadcrumb a .mdi{
  color:#99abb4;
}

.btn{
  position:relative;
  box-shadow:none !important;
  padding-top:8px;
  padding-bottom:8px;
  min-height:38px;
  font-size:90%;
}
.btn.disabled, .btn:disabled, .btn.disabled:hover, .btn:disabled:hover{
  cursor:auto !important;
  opacity:1;
  box-shadow:none !important;
}
.btn.disabled, .btn:disabled, .btn:hover.disabled, .btn:hover:disabled{
  opacity:0.6;
}
.page-list-link-status .btn{
  padding-right:8px;
  padding-left:8px;
}
.btn-lg{
  padding:8px;
  min-width:200px;
  font-size:110%;
}
.modal-footer .btn-lg{
  min-width:130px;
}
.popup-form-footer .btn-lg{
  min-width:130px;
}
.btn-group-sm{
  height:30px;
}
.btn-group-sm .btn{
  min-height:auto;
}
.fixed-bottom .btn.btn-lg{
  min-height:39px;
}
.btn-icon{
  padding:0;
  width:38px !important;
  min-width:auto !important;
  background-color:transparent;
  font-size:24px !important;
}
.btn-half-wrapper{
  display:flex;
  justify-content:center;
  margin:0 -5px;
}
.btn-half{
  margin:0 5px;
  width:calc(50% - 10px);
}
.btn-danger{
  border:1px solid #ea352d !important;
  background-color:#ea352d;
}
.btn-danger:hover, .btn-danger.disabled, .btn-danger:disabled, .btn-danger:hover.disabled, .btn-danger:hover:disabled{
  background-color:#ea352d;
}
.btn-outline-danger{
  border-color:#ea352d;
  color:#ea352d;
}
.btn-outline-danger:hover, .btn-outline-danger:focus, .btn-outline-danger:not(:disabled):not(.disabled):active{
  border-color:#ea352d;
  background-color:transparent;
  color:#ea352d;
}
.btn-secondary{
  border:1px solid #888 !important;
  background-color:#fff;
  color:#888;
}
.btn-secondary.disabled, .btn-secondary:disabled, .btn-secondary.disabled:hover, .btn-secondary:disabled:hover, .btn-secondary.disabled:focus, .btn-secondary:disabled:focus{
  background-color:#fff;
  color:#888;
}
.btn-secondary:not(.disabled):not(:disabled):hover, .btn-secondary:not(.disabled):not(:disabled):focus{
  background-color:#727b84;
  color:#fff;
}
.btn-success{
  border:1px solid #f88600 !important;
  background-color:#f88600;
}
.btn-success:hover, .btn-success:focus, .btn-success:not(:disabled):not(.disabled):active, .btn-success.disabled, .btn-success.disabled:focus, .btn-success:disabled, .btn-success:hover.disabled, .btn-success:hover:disabled{
  background-color:#f88600;
}
.btn-warning{
  border:1px solid #ffb22b !important;
}
.btn-gray{
  background-color:#eee;
  color:#333;
}
.btn-outline-gray{
  border:1px solid #99abb4 !important;
  background-color:#fff;
  color:#333;
}
.btn-outline-gray.btn-icon i{
  color:#455a64;
}
.btn-outline-gray:not(.btn-icon) i{
  color:#99abb4;
}
.btn-outline-gray:not(.disabled):not(:disabled):hover, .btn-outline-gray:not(.disabled):not(:disabled):focus{
  background-color:#f1f3f4;
  color:#333;
}
.btn-outline-disabled{
  cursor:default !important;
  border:1px dotted #99abb4;
}
.btn-photo-group{
  border-color:#f8af00;
  background-color:#f8af00;
  color:#fff;
}
.btn-circle.btn-lg{
  min-width:50px;
}
.btn-icon-left, .btn-icon-right{
  display:inline-flex;
  justify-content:center;
  align-items:center;
}
.btn-icon-left img, .btn-icon-right img{
  width:auto;
  height:20px;
}
.btn-icon-left i, .btn-icon-right i{
  display:inline-block;
  width:1.7em;
}
.btn-icon-left i::before, .btn-icon-right i::before{
  transform:scale(1.7);
  margin-top:-0.1em;
}
.btn-icon-left img,
.btn-icon-left i{
  margin-right:5px;
  margin-left:-3px;
}
.project-list .btn-icon-left i, .page-list .btn-icon-left i{
  width:2em;
}
.project-list .btn-icon-left i::before, .page-list .btn-icon-left i::before{
  transform:scale(2);
}
.btn-icon-left .mdi-filter{
  position:relative;
  top:0.05em;
}
.btn-icon-left.active i{
  color:#ea352d;
}
.btn-icon-right img,
.btn-icon-right i{
  margin-right:-3px;
  margin-left:5px;
}
.btn-toggle{
  position:relative;
  z-index:1;
  border-color:#99abb4;
  background-color:#fff;
  color:#333;
}
.btn-toggle:hover, .btn-toggle:focus{
  background-color:#f1f3f4;
  color:#333;
}
.btn-toggle + .btn-toggle{
  margin-left:-1px;
}
.btn-toggle.active{
  z-index:2 !important;
  border-color:#1e88e5;
  background-color:#1e88e5;
  color:#fff;
}
.btn-help{
  padding:0;
  border:none;
  background-color:transparent;
  font-size:16px;
  color:#1e88e5;
}
.btn-help-text{
  cursor:pointer;
  display:inline-flex;
  align-items:center;
  padding-right:8px;
  padding-left:4px;
  border:1px solid #99abb4;
  border-radius:12px;
  height:24px;
  background-color:transparent;
  font-size:11px;
  line-height:1;
  white-space:nowrap;
  transition:background-color 0.15s ease-in-out;
}
.btn-help-text:hover, .btn-help-text:focus{
  outline:none;
  background-color:#f1f3f4;
}
.btn-help-text::before{
  content:"\f625";
  margin-right:2px;
  font:normal normal normal 16px/1 "Material Design Icons";
  color:#99abb4;
}
.btn-operation{
  cursor:pointer;
  outline:none !important;
  display:inline-flex;
  justify-content:center;
  align-items:center;
  padding:0;
  border:none;
  width:35px;
  height:35px;
  background-color:transparent;
  font-size:30px;
  color:#34b200 !important;
  line-height:1;
}
.btn-operation.disabled, .btn-operation:disabled{
  opacity:0.5;
  pointer-events:none;
}
.btn-pc-detail{
  padding:0;
  width:38px;
  min-width:auto;
  font-size:14px;
}
.btn-pc-detail::after{
  display:none;
}
.btn-pc-detail-text{
  display:none;
}
.btn-pc-detail .mdi:not(.mdi-account-key){
  margin:0 -3px;
  color:#455a64 !important;
}
.btn-pc-detail .mdi-account-key{
  display:none;
}
.btn-back{
  cursor:pointer;
  display:inline-block;
  box-shadow:0 5px 20px rgba(0, 0, 0, 0.05);
  border:1px solid rgba(0, 0, 0, 0.125);
  border-radius:50%;
  width:30px;
  height:30px;
  background-color:#fff;
  font-size:20px;
  color:#67757c;
  line-height:30px;
  text-align:center;
}
.btn-back:hover{
  color:#83ae00;
}
.btn-back-l{
  width:40px;
  height:40px;
  font-size:30px;
  line-height:40px;
}
.btn-add{
  border-color:#007bff;
  background-color:#fff;
  color:#007bff !important;
}
.sidebar .btn-add{
  position:relative;
  padding-right:25px;
  padding-left:25px;
  background-color:transparent;
  font-size:13px;
}
.btn-add:not(.disabled, :disabled):hover{
  border:1px solid #007bff;
  background-color:#007bff;
  color:#fff !important;
}
.btn-add:not(.disabled, :disabled):hover i{
  color:#fff !important;
}
.sidebar .btn-add i{
  display:inline-block !important;
  position:absolute;
  top:50%;
  left:12px;
  transform:translateY(-50%);
  height:20px;
  color:#007bff !important;
}
.sidebar .btn-add i.fa-spinner{
  position:static;
  margin-right:8px;
}
.btn-edit{
  border-color:#888;
  background-color:#fff;
  color:#333;
}
.btn-edit i{
  color:#62ae00;
}
.btn-edit:not(.disabled):hover{
  background-color:rgba(0, 0, 0, 0.05);
}
.btn-edit:not(.disabled):hover i{
  color:#62ae00;
}
.btn-delete{
  outline:none;
  display:inline-flex;
  justify-content:center;
  align-items:center;
  padding:0;
  border:none;
  border-radius:50%;
  width:28px;
  height:28px;
  background-color:transparent;
  font-size:18px;
  color:#67757c;
}
.btn-delete:not(.disabled){
  cursor:pointer;
}
.btn-delete:not(.disabled):hover{
  background-color:#dfdfdf;
}
.btn-delete.disabled{
  opacity:0.5;
}
.btn-circle.right-side-toggle{
  bottom:10px;
  left:0;
  z-index:50;
  padding:0;
  width:50px;
  height:50px;
  font-size:20px;
  line-height:50px;
}
.btn-circle.right-side-toggle i{
  position:static;
  animation-name:none;
}
.btn-circle.right-side-toggle i.fa-folder-open:before{
  margin-left:2px;
}
.btn-clear-selected-student{
  cursor:pointer;
  display:inline-flex;
  align-items:center;
  position:absolute;
  bottom:18px;
  left:64px;
  z-index:900;
  padding-right:8px;
  padding-left:4px;
  border:1px solid #99abb4;
  border-radius:12px;
  min-height:24px;
  background-color:#fff;
  font-size:11px;
  line-height:1;
  white-space:nowrap;
  transition:background-color 0.15s ease-in-out;
}
.btn-clear-selected-student:hover, .btn-clear-selected-student:focus{
  outline:none;
}
.btn-clear-selected-student:not(.disabled):hover, .btn-clear-selected-student:not(.disabled):focus, .btn-clear-selected-student:not(:disabled):hover, .btn-clear-selected-student:not(:disabled):focus{
  background-color:#f1f3f4;
}
.btn-clear-selected-student::before{
  content:"\f156";
  font-family:"Material Design Icons";
  font-size:inherit;
  font-weight:normal;
  line-height:1;
  text-rendering:auto;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  margin-right:2px;
  color:#99abb4;
}
.photolist-by-face .side-content .btn-clear-selected-student{
  bottom:10px;
  left:50%;
  transform:translateX(-50%);
}
.btn-notify{
  position:absolute;
  top:-7px;
  right:-7px;
  z-index:2;
  font-size:20px;
  line-height:20px;
}
.btn-notify::before{
  line-height:inherit !important;
}
.btn-notify::after{
  content:"";
  display:block;
  position:absolute;
  top:15%;
  left:15%;
  z-index:-1;
  border-radius:50%;
  width:70%;
  height:70%;
  background-color:#fff;
}
.btn-class{
  padding:0;
  width:40px;
  height:40px;
  background-color:transparent;
  font-size:28px;
  line-height:1;
}
.btn-class-change{
  color:#62ae00;
}
.btn-class-delete{
  color:#67757c;
}
.btn-class-delete .delete-restore{
  color:#1e88e5;
}

.candidate-photo-total-modal-table-page tr > .count{
  width:120px;
}
.candidate-photo-total-modal-table-page tr > .icon{
  width:90px;
}

.card-grid{
  display:grid;
  grid-gap:20px;
  grid-template-columns:repeat(1, 1fr);
}
.card-grid .card{
  box-shadow:none;
  margin-bottom:0;
}

.card-title-candidate-photo{
  position:relative;
}
.card-title-candidate-photo::after{
  content:"";
  display:block;
  position:absolute;
  bottom:-1px;
  left:0;
  border-bottom:1px solid #1e88e5;
  width:145px;
}
.card .card-subtitle{
  margin-top:0;
  margin-bottom:15px;
  color:#67757c;
}
#messenger .card-body.massage-content{
  padding:20px 0;
}
.card-icon{
  margin-top:20px;
  margin-bottom:20px;
  text-align:center;
}
.card-icon .fa{
  font-size:80px;
  color:#99abb4;
}
.card-box{
  display:grid;
  align-content:space-between;
  height:100%;
  grid-template-areas:"left right" "bottom bottom";
  grid-gap:10px 20px;
  grid-template-columns:80px calc(100% - 100px);
}
.card-box .left{
  grid-area:left;
}
.card-box .left img{
  border-radius:8px;
  width:100% !important;
  height:auto !important;
}
.card-box .right{
  grid-area:right;
}
.card-box .bottom{
  grid-area:bottom;
}
.card-box .count{
  display:flex;
  justify-content:center;
  align-items:center;
  position:absolute;
  top:-6px;
  right:-6px;
  z-index:2;
  padding:0 4px;
  border-radius:50%;
  min-width:24px;
  height:24px;
  background:#ea352d;
  font-weight:600;
  color:#fff;
  line-height:1;
  text-align:center;
}

.chartPie{
  position:relative;
  border-radius:50%;
  width:1em;
  height:1em;
  background-color:#eee;
  font-size:50px;
}
.chartPie-fill{
  display:block;
  width:50%;
  height:100%;
}
.chartPie-0 .chartPie-fill{
  display:none;
}
.chartPie-fill::before{
  content:"";
  display:block;
  width:100%;
  height:100%;
  background-color:#1e88e5;
}
.chartPie-label{
  display:flex;
  justify-content:center;
  align-items:flex-end;
  position:absolute;
  top:8%;
  left:8%;
  padding-bottom:1em;
  border-radius:50%;
  width:84%;
  height:84%;
  background-color:#fff;
  font-size:0.25em;
  line-height:1;
}
.chartPie-main{
  font-size:1.5em;
  color:#455a64;
}
.chartPie-sub{
  color:#67757c;
}

.chartPie-50 .chartPie-fill, .chartPie-49 .chartPie-fill, .chartPie-48 .chartPie-fill, .chartPie-47 .chartPie-fill, .chartPie-46 .chartPie-fill, .chartPie-45 .chartPie-fill, .chartPie-44 .chartPie-fill, .chartPie-43 .chartPie-fill, .chartPie-42 .chartPie-fill, .chartPie-41 .chartPie-fill, .chartPie-40 .chartPie-fill, .chartPie-39 .chartPie-fill, .chartPie-38 .chartPie-fill, .chartPie-37 .chartPie-fill, .chartPie-36 .chartPie-fill, .chartPie-35 .chartPie-fill, .chartPie-34 .chartPie-fill, .chartPie-33 .chartPie-fill, .chartPie-32 .chartPie-fill, .chartPie-31 .chartPie-fill, .chartPie-30 .chartPie-fill, .chartPie-29 .chartPie-fill, .chartPie-28 .chartPie-fill, .chartPie-27 .chartPie-fill, .chartPie-26 .chartPie-fill, .chartPie-25 .chartPie-fill, .chartPie-24 .chartPie-fill, .chartPie-23 .chartPie-fill, .chartPie-22 .chartPie-fill, .chartPie-21 .chartPie-fill, .chartPie-20 .chartPie-fill, .chartPie-19 .chartPie-fill, .chartPie-18 .chartPie-fill, .chartPie-17 .chartPie-fill, .chartPie-16 .chartPie-fill, .chartPie-15 .chartPie-fill, .chartPie-14 .chartPie-fill, .chartPie-13 .chartPie-fill, .chartPie-12 .chartPie-fill, .chartPie-11 .chartPie-fill, .chartPie-10 .chartPie-fill, .chartPie-9 .chartPie-fill, .chartPie-8 .chartPie-fill, .chartPie-7 .chartPie-fill, .chartPie-6 .chartPie-fill, .chartPie-5 .chartPie-fill, .chartPie-4 .chartPie-fill, .chartPie-3 .chartPie-fill, .chartPie-2 .chartPie-fill, .chartPie-1 .chartPie-fill{
  overflow:hidden;
  margin-left:auto;
}
.chartPie-50 .chartPie-fill::before, .chartPie-49 .chartPie-fill::before, .chartPie-48 .chartPie-fill::before, .chartPie-47 .chartPie-fill::before, .chartPie-46 .chartPie-fill::before, .chartPie-45 .chartPie-fill::before, .chartPie-44 .chartPie-fill::before, .chartPie-43 .chartPie-fill::before, .chartPie-42 .chartPie-fill::before, .chartPie-41 .chartPie-fill::before, .chartPie-40 .chartPie-fill::before, .chartPie-39 .chartPie-fill::before, .chartPie-38 .chartPie-fill::before, .chartPie-37 .chartPie-fill::before, .chartPie-36 .chartPie-fill::before, .chartPie-35 .chartPie-fill::before, .chartPie-34 .chartPie-fill::before, .chartPie-33 .chartPie-fill::before, .chartPie-32 .chartPie-fill::before, .chartPie-31 .chartPie-fill::before, .chartPie-30 .chartPie-fill::before, .chartPie-29 .chartPie-fill::before, .chartPie-28 .chartPie-fill::before, .chartPie-27 .chartPie-fill::before, .chartPie-26 .chartPie-fill::before, .chartPie-25 .chartPie-fill::before, .chartPie-24 .chartPie-fill::before, .chartPie-23 .chartPie-fill::before, .chartPie-22 .chartPie-fill::before, .chartPie-21 .chartPie-fill::before, .chartPie-20 .chartPie-fill::before, .chartPie-19 .chartPie-fill::before, .chartPie-18 .chartPie-fill::before, .chartPie-17 .chartPie-fill::before, .chartPie-16 .chartPie-fill::before, .chartPie-15 .chartPie-fill::before, .chartPie-14 .chartPie-fill::before, .chartPie-13 .chartPie-fill::before, .chartPie-12 .chartPie-fill::before, .chartPie-11 .chartPie-fill::before, .chartPie-10 .chartPie-fill::before, .chartPie-9 .chartPie-fill::before, .chartPie-8 .chartPie-fill::before, .chartPie-7 .chartPie-fill::before, .chartPie-6 .chartPie-fill::before, .chartPie-5 .chartPie-fill::before, .chartPie-4 .chartPie-fill::before, .chartPie-3 .chartPie-fill::before, .chartPie-2 .chartPie-fill::before, .chartPie-1 .chartPie-fill::before{
  transform-origin:right;
  border-radius:100% 0 0 100%/50%;
}

.chartPie-100, .chartPie-99, .chartPie-98, .chartPie-97, .chartPie-96, .chartPie-95, .chartPie-94, .chartPie-93, .chartPie-92, .chartPie-91, .chartPie-90, .chartPie-89, .chartPie-88, .chartPie-87, .chartPie-86, .chartPie-85, .chartPie-84, .chartPie-83, .chartPie-82, .chartPie-81, .chartPie-80, .chartPie-79, .chartPie-78, .chartPie-77, .chartPie-76, .chartPie-75, .chartPie-74, .chartPie-73, .chartPie-72, .chartPie-71, .chartPie-70, .chartPie-69, .chartPie-68, .chartPie-67, .chartPie-66, .chartPie-65, .chartPie-64, .chartPie-63, .chartPie-62, .chartPie-61, .chartPie-60, .chartPie-59, .chartPie-58, .chartPie-57, .chartPie-56, .chartPie-55, .chartPie-54, .chartPie-53, .chartPie-52, .chartPie-51{
  background-image:linear-gradient(to right, rgba(30, 136, 229, 0) 50%, #1e88e5 0);
}
.chartPie-100 .chartPie-fill, .chartPie-99 .chartPie-fill, .chartPie-98 .chartPie-fill, .chartPie-97 .chartPie-fill, .chartPie-96 .chartPie-fill, .chartPie-95 .chartPie-fill, .chartPie-94 .chartPie-fill, .chartPie-93 .chartPie-fill, .chartPie-92 .chartPie-fill, .chartPie-91 .chartPie-fill, .chartPie-90 .chartPie-fill, .chartPie-89 .chartPie-fill, .chartPie-88 .chartPie-fill, .chartPie-87 .chartPie-fill, .chartPie-86 .chartPie-fill, .chartPie-85 .chartPie-fill, .chartPie-84 .chartPie-fill, .chartPie-83 .chartPie-fill, .chartPie-82 .chartPie-fill, .chartPie-81 .chartPie-fill, .chartPie-80 .chartPie-fill, .chartPie-79 .chartPie-fill, .chartPie-78 .chartPie-fill, .chartPie-77 .chartPie-fill, .chartPie-76 .chartPie-fill, .chartPie-75 .chartPie-fill, .chartPie-74 .chartPie-fill, .chartPie-73 .chartPie-fill, .chartPie-72 .chartPie-fill, .chartPie-71 .chartPie-fill, .chartPie-70 .chartPie-fill, .chartPie-69 .chartPie-fill, .chartPie-68 .chartPie-fill, .chartPie-67 .chartPie-fill, .chartPie-66 .chartPie-fill, .chartPie-65 .chartPie-fill, .chartPie-64 .chartPie-fill, .chartPie-63 .chartPie-fill, .chartPie-62 .chartPie-fill, .chartPie-61 .chartPie-fill, .chartPie-60 .chartPie-fill, .chartPie-59 .chartPie-fill, .chartPie-58 .chartPie-fill, .chartPie-57 .chartPie-fill, .chartPie-56 .chartPie-fill, .chartPie-55 .chartPie-fill, .chartPie-54 .chartPie-fill, .chartPie-53 .chartPie-fill, .chartPie-52 .chartPie-fill, .chartPie-51 .chartPie-fill{
  overflow:hidden;
}
.chartPie-100 .chartPie-fill::before, .chartPie-99 .chartPie-fill::before, .chartPie-98 .chartPie-fill::before, .chartPie-97 .chartPie-fill::before, .chartPie-96 .chartPie-fill::before, .chartPie-95 .chartPie-fill::before, .chartPie-94 .chartPie-fill::before, .chartPie-93 .chartPie-fill::before, .chartPie-92 .chartPie-fill::before, .chartPie-91 .chartPie-fill::before, .chartPie-90 .chartPie-fill::before, .chartPie-89 .chartPie-fill::before, .chartPie-88 .chartPie-fill::before, .chartPie-87 .chartPie-fill::before, .chartPie-86 .chartPie-fill::before, .chartPie-85 .chartPie-fill::before, .chartPie-84 .chartPie-fill::before, .chartPie-83 .chartPie-fill::before, .chartPie-82 .chartPie-fill::before, .chartPie-81 .chartPie-fill::before, .chartPie-80 .chartPie-fill::before, .chartPie-79 .chartPie-fill::before, .chartPie-78 .chartPie-fill::before, .chartPie-77 .chartPie-fill::before, .chartPie-76 .chartPie-fill::before, .chartPie-75 .chartPie-fill::before, .chartPie-74 .chartPie-fill::before, .chartPie-73 .chartPie-fill::before, .chartPie-72 .chartPie-fill::before, .chartPie-71 .chartPie-fill::before, .chartPie-70 .chartPie-fill::before, .chartPie-69 .chartPie-fill::before, .chartPie-68 .chartPie-fill::before, .chartPie-67 .chartPie-fill::before, .chartPie-66 .chartPie-fill::before, .chartPie-65 .chartPie-fill::before, .chartPie-64 .chartPie-fill::before, .chartPie-63 .chartPie-fill::before, .chartPie-62 .chartPie-fill::before, .chartPie-61 .chartPie-fill::before, .chartPie-60 .chartPie-fill::before, .chartPie-59 .chartPie-fill::before, .chartPie-58 .chartPie-fill::before, .chartPie-57 .chartPie-fill::before, .chartPie-56 .chartPie-fill::before, .chartPie-55 .chartPie-fill::before, .chartPie-54 .chartPie-fill::before, .chartPie-53 .chartPie-fill::before, .chartPie-52 .chartPie-fill::before, .chartPie-51 .chartPie-fill::before{
  transform-origin:left;
  border-radius:0 100% 100% 0/50%;
}

.chartPie-1 .chartPie-fill::before{
  transform:translateX(-100%) rotate(0.01turn);
}

.chartPie-2 .chartPie-fill::before{
  transform:translateX(-100%) rotate(0.02turn);
}

.chartPie-3 .chartPie-fill::before{
  transform:translateX(-100%) rotate(0.03turn);
}

.chartPie-4 .chartPie-fill::before{
  transform:translateX(-100%) rotate(0.04turn);
}

.chartPie-5 .chartPie-fill::before{
  transform:translateX(-100%) rotate(0.05turn);
}

.chartPie-6 .chartPie-fill::before{
  transform:translateX(-100%) rotate(0.06turn);
}

.chartPie-7 .chartPie-fill::before{
  transform:translateX(-100%) rotate(0.07turn);
}

.chartPie-8 .chartPie-fill::before{
  transform:translateX(-100%) rotate(0.08turn);
}

.chartPie-9 .chartPie-fill::before{
  transform:translateX(-100%) rotate(0.09turn);
}

.chartPie-10 .chartPie-fill::before{
  transform:translateX(-100%) rotate(0.1turn);
}

.chartPie-11 .chartPie-fill::before{
  transform:translateX(-100%) rotate(0.11turn);
}

.chartPie-12 .chartPie-fill::before{
  transform:translateX(-100%) rotate(0.12turn);
}

.chartPie-13 .chartPie-fill::before{
  transform:translateX(-100%) rotate(0.13turn);
}

.chartPie-14 .chartPie-fill::before{
  transform:translateX(-100%) rotate(0.14turn);
}

.chartPie-15 .chartPie-fill::before{
  transform:translateX(-100%) rotate(0.15turn);
}

.chartPie-16 .chartPie-fill::before{
  transform:translateX(-100%) rotate(0.16turn);
}

.chartPie-17 .chartPie-fill::before{
  transform:translateX(-100%) rotate(0.17turn);
}

.chartPie-18 .chartPie-fill::before{
  transform:translateX(-100%) rotate(0.18turn);
}

.chartPie-19 .chartPie-fill::before{
  transform:translateX(-100%) rotate(0.19turn);
}

.chartPie-20 .chartPie-fill::before{
  transform:translateX(-100%) rotate(0.2turn);
}

.chartPie-21 .chartPie-fill::before{
  transform:translateX(-100%) rotate(0.21turn);
}

.chartPie-22 .chartPie-fill::before{
  transform:translateX(-100%) rotate(0.22turn);
}

.chartPie-23 .chartPie-fill::before{
  transform:translateX(-100%) rotate(0.23turn);
}

.chartPie-24 .chartPie-fill::before{
  transform:translateX(-100%) rotate(0.24turn);
}

.chartPie-25 .chartPie-fill::before{
  transform:translateX(-100%) rotate(0.25turn);
}

.chartPie-26 .chartPie-fill::before{
  transform:translateX(-100%) rotate(0.26turn);
}

.chartPie-27 .chartPie-fill::before{
  transform:translateX(-100%) rotate(0.27turn);
}

.chartPie-28 .chartPie-fill::before{
  transform:translateX(-100%) rotate(0.28turn);
}

.chartPie-29 .chartPie-fill::before{
  transform:translateX(-100%) rotate(0.29turn);
}

.chartPie-30 .chartPie-fill::before{
  transform:translateX(-100%) rotate(0.3turn);
}

.chartPie-31 .chartPie-fill::before{
  transform:translateX(-100%) rotate(0.31turn);
}

.chartPie-32 .chartPie-fill::before{
  transform:translateX(-100%) rotate(0.32turn);
}

.chartPie-33 .chartPie-fill::before{
  transform:translateX(-100%) rotate(0.33turn);
}

.chartPie-34 .chartPie-fill::before{
  transform:translateX(-100%) rotate(0.34turn);
}

.chartPie-35 .chartPie-fill::before{
  transform:translateX(-100%) rotate(0.35turn);
}

.chartPie-36 .chartPie-fill::before{
  transform:translateX(-100%) rotate(0.36turn);
}

.chartPie-37 .chartPie-fill::before{
  transform:translateX(-100%) rotate(0.37turn);
}

.chartPie-38 .chartPie-fill::before{
  transform:translateX(-100%) rotate(0.38turn);
}

.chartPie-39 .chartPie-fill::before{
  transform:translateX(-100%) rotate(0.39turn);
}

.chartPie-40 .chartPie-fill::before{
  transform:translateX(-100%) rotate(0.4turn);
}

.chartPie-41 .chartPie-fill::before{
  transform:translateX(-100%) rotate(0.41turn);
}

.chartPie-42 .chartPie-fill::before{
  transform:translateX(-100%) rotate(0.42turn);
}

.chartPie-43 .chartPie-fill::before{
  transform:translateX(-100%) rotate(0.43turn);
}

.chartPie-44 .chartPie-fill::before{
  transform:translateX(-100%) rotate(0.44turn);
}

.chartPie-45 .chartPie-fill::before{
  transform:translateX(-100%) rotate(0.45turn);
}

.chartPie-46 .chartPie-fill::before{
  transform:translateX(-100%) rotate(0.46turn);
}

.chartPie-47 .chartPie-fill::before{
  transform:translateX(-100%) rotate(0.47turn);
}

.chartPie-48 .chartPie-fill::before{
  transform:translateX(-100%) rotate(0.48turn);
}

.chartPie-49 .chartPie-fill::before{
  transform:translateX(-100%) rotate(0.49turn);
}

.chartPie-50 .chartPie-fill::before{
  transform:translateX(-100%) rotate(0.5turn);
}

.chartPie-51 .chartPie-fill::before{
  transform:translateX(100%) rotate(0.01turn);
}

.chartPie-52 .chartPie-fill::before{
  transform:translateX(100%) rotate(0.02turn);
}

.chartPie-53 .chartPie-fill::before{
  transform:translateX(100%) rotate(0.03turn);
}

.chartPie-54 .chartPie-fill::before{
  transform:translateX(100%) rotate(0.04turn);
}

.chartPie-55 .chartPie-fill::before{
  transform:translateX(100%) rotate(0.05turn);
}

.chartPie-56 .chartPie-fill::before{
  transform:translateX(100%) rotate(0.06turn);
}

.chartPie-57 .chartPie-fill::before{
  transform:translateX(100%) rotate(0.07turn);
}

.chartPie-58 .chartPie-fill::before{
  transform:translateX(100%) rotate(0.08turn);
}

.chartPie-59 .chartPie-fill::before{
  transform:translateX(100%) rotate(0.09turn);
}

.chartPie-60 .chartPie-fill::before{
  transform:translateX(100%) rotate(0.1turn);
}

.chartPie-61 .chartPie-fill::before{
  transform:translateX(100%) rotate(0.11turn);
}

.chartPie-62 .chartPie-fill::before{
  transform:translateX(100%) rotate(0.12turn);
}

.chartPie-63 .chartPie-fill::before{
  transform:translateX(100%) rotate(0.13turn);
}

.chartPie-64 .chartPie-fill::before{
  transform:translateX(100%) rotate(0.14turn);
}

.chartPie-65 .chartPie-fill::before{
  transform:translateX(100%) rotate(0.15turn);
}

.chartPie-66 .chartPie-fill::before{
  transform:translateX(100%) rotate(0.16turn);
}

.chartPie-67 .chartPie-fill::before{
  transform:translateX(100%) rotate(0.17turn);
}

.chartPie-68 .chartPie-fill::before{
  transform:translateX(100%) rotate(0.18turn);
}

.chartPie-69 .chartPie-fill::before{
  transform:translateX(100%) rotate(0.19turn);
}

.chartPie-70 .chartPie-fill::before{
  transform:translateX(100%) rotate(0.2turn);
}

.chartPie-71 .chartPie-fill::before{
  transform:translateX(100%) rotate(0.21turn);
}

.chartPie-72 .chartPie-fill::before{
  transform:translateX(100%) rotate(0.22turn);
}

.chartPie-73 .chartPie-fill::before{
  transform:translateX(100%) rotate(0.23turn);
}

.chartPie-74 .chartPie-fill::before{
  transform:translateX(100%) rotate(0.24turn);
}

.chartPie-75 .chartPie-fill::before{
  transform:translateX(100%) rotate(0.25turn);
}

.chartPie-76 .chartPie-fill::before{
  transform:translateX(100%) rotate(0.26turn);
}

.chartPie-77 .chartPie-fill::before{
  transform:translateX(100%) rotate(0.27turn);
}

.chartPie-78 .chartPie-fill::before{
  transform:translateX(100%) rotate(0.28turn);
}

.chartPie-79 .chartPie-fill::before{
  transform:translateX(100%) rotate(0.29turn);
}

.chartPie-80 .chartPie-fill::before{
  transform:translateX(100%) rotate(0.3turn);
}

.chartPie-81 .chartPie-fill::before{
  transform:translateX(100%) rotate(0.31turn);
}

.chartPie-82 .chartPie-fill::before{
  transform:translateX(100%) rotate(0.32turn);
}

.chartPie-83 .chartPie-fill::before{
  transform:translateX(100%) rotate(0.33turn);
}

.chartPie-84 .chartPie-fill::before{
  transform:translateX(100%) rotate(0.34turn);
}

.chartPie-85 .chartPie-fill::before{
  transform:translateX(100%) rotate(0.35turn);
}

.chartPie-86 .chartPie-fill::before{
  transform:translateX(100%) rotate(0.36turn);
}

.chartPie-87 .chartPie-fill::before{
  transform:translateX(100%) rotate(0.37turn);
}

.chartPie-88 .chartPie-fill::before{
  transform:translateX(100%) rotate(0.38turn);
}

.chartPie-89 .chartPie-fill::before{
  transform:translateX(100%) rotate(0.39turn);
}

.chartPie-90 .chartPie-fill::before{
  transform:translateX(100%) rotate(0.4turn);
}

.chartPie-91 .chartPie-fill::before{
  transform:translateX(100%) rotate(0.41turn);
}

.chartPie-92 .chartPie-fill::before{
  transform:translateX(100%) rotate(0.42turn);
}

.chartPie-93 .chartPie-fill::before{
  transform:translateX(100%) rotate(0.43turn);
}

.chartPie-94 .chartPie-fill::before{
  transform:translateX(100%) rotate(0.44turn);
}

.chartPie-95 .chartPie-fill::before{
  transform:translateX(100%) rotate(0.45turn);
}

.chartPie-96 .chartPie-fill::before{
  transform:translateX(100%) rotate(0.46turn);
}

.chartPie-97 .chartPie-fill::before{
  transform:translateX(100%) rotate(0.47turn);
}

.chartPie-98 .chartPie-fill::before{
  transform:translateX(100%) rotate(0.48turn);
}

.chartPie-99 .chartPie-fill::before{
  transform:translateX(100%) rotate(0.49turn);
}

.chartPie-100 .chartPie-fill::before{
  transform:translateX(100%) rotate(0.5turn);
}

.chat-main-box .chat-right-aside{
  float:none;
  width:100%;
}
.chat-main-box .chat-right-aside .chat-list{
  overflow-y:scroll;
  padding-top:0;
  height:600px;
  -webkit-overflow-scrolling:touch;
}
.chat-list{
  position:relative;
}
.chat-list li{
  position:relative;
  margin-top:0;
  padding:10px 10px 0 10px;
}
.chat-list li:hover{
  background:#eee;
}
.chat-list li:hover .mark-icon, .chat-list li:hover .trash-icon{
  display:block;
}
.chat-list li .box{
  text-align:left;
}
.chat-list li .mark-icon{
  display:none;
}
.chat-list li .trash-icon{
  display:none;
}
.chat-list li .chat-img svg{
  border-radius:100%;
  width:100%;
  height:auto;
}
.chat-main-box textarea{
  height:0;
}
.chat-list li.reverse .chat-content{
  padding-right:0;
}
.chat-list li.reverse .chat-time{
  text-align:center;
}
.chat-list li .chat-content{
  width:calc(80% - 140px);
  word-break:break-all;
}
.chat-list li.system-message{
  padding:20px 10px 20px 10px;
  text-align:center;
}
.chat-list li.system-message .chat-content{
  width:100%;
  text-align:center;
}
.chat-list li.system-message:hover{
  background:#fff;
}
.chat-list li.system-message .box{
  margin-bottom:0;
}
.chat-list li .chat-time{
  display:block;
  margin-bottom:10px;
  width:100%;
  font-size:13px;
  color:#99abb4;
  text-align:center;
}
.chat-list li#project-start:hover{
  background:#fff;
}
.chat-list li#project-start i{
  width:130px;
  height:130px;
  font-size:130px;
  color:#1e88e5;
  line-height:130px;
}
.chat-list li#unread-mark{
  display:flex;
  align-items:center;
  padding:10px 5px 10px 5px;
  color:#ea352d;
  text-align:center;
}
.chat-list li#unread-mark::before, .chat-list li#unread-mark::after{
  content:"";
  display:block;
  flex-grow:1;
  height:1px;
  background:#f08fad;
}
.chat-list li#unread-mark::before{
  margin-right:0.4em;
}
.chat-list li#unread-mark::after{
  margin-left:0.4em;
}
.chat-list li#unread-mark:hover{
  background:#fff;
}
.chat-list li .text-highlight{
  display:inline-block;
  padding:0 3px;
  border-radius:2px;
  background:#ffe49b;
  font-weight:bold;
}
.chat-list .bg-light-success{
  background:#d3f5d8;
}
.chat-content a{
  display:block;
  text-align:center;
}
.chat-content a img{
  max-width:100%;
}

.class-none .mdi-account-multiple{
  width:150px;
  height:140px;
  font-size:150px;
  color:#1e88e5;
  line-height:140px;
}

.cleditorMain{
  border:1px solid #ccc;
  padding:0 1px 1px;
  background-color:white;
}

.cleditorMain,
.cleditorPopup,
.cleditorMain *{
  box-sizing:content-box;
}

.cleditorMain iframe{
  border:none;
  margin:0;
  padding:0;
}

.cleditorMain textarea{
  overflow-y:scroll;
  font:10pt Arial, Verdana;
  resize:none;
  outline:none;
}

.cleditorToolbar{
  background:url("/ex/images/plugins/cleditor/toolbar.gif") repeat;
}

.cleditorGroup{
  float:left;
  height:26px;
}

.cleditorButton{
  float:left;
  width:24px;
  height:24px;
  margin:1px 0 1px 0;
  background:url("/ex/images/plugins/cleditor/buttons.gif");
}

.cleditorDisabled{
  opacity:0.3;
  filter:alpha(opacity=30);
}

.cleditorDivider{
  float:left;
  width:1px;
  height:23px;
  margin:1px 0 1px 0;
  background:#CCC;
}

.cleditorPopup{
  border:solid 1px #999;
  background-color:white;
  color:#333333;
  position:absolute;
  font:10pt Arial, Verdana;
  cursor:default;
  z-index:10000;
}

.cleditorList div{
  padding:2px 4px 2px 4px;
}

.cleditorList p,
.cleditorList h1,
.cleditorList h2,
.cleditorList h3,
.cleditorList h4,
.cleditorList h5,
.cleditorList h6,
.cleditorList font{
  padding:0;
  margin:0;
  background-color:Transparent;
}

.cleditorColor{
  width:150px;
  padding:1px 0 0 1px;
}

.cleditorColor div{
  float:left;
  width:14px;
  height:14px;
  margin:0 1px 1px 0;
}

.cleditorPrompt{
  background-color:#F6F7F9;
  padding:8px;
  font-size:8.5pt;
}

.cleditorPrompt label{
  padding-bottom:8px;
}

.cleditorMsg{
  background-color:#FDFCEE;
  width:150px;
  padding:4px;
  font-size:8.5pt;
}

.cms h2 + h2,
.cms h2 + h3,
.cms h2 + h4,
.cms h3 + h2,
.cms h3 + h3,
.cms h3 + h4,
.cms h4 + h2,
.cms h4 + h3,
.cms h4 + h4,
.cke_editable h2 + h2,
.cke_editable h2 + h3,
.cke_editable h2 + h4,
.cke_editable h3 + h2,
.cke_editable h3 + h3,
.cke_editable h3 + h4,
.cke_editable h4 + h2,
.cke_editable h4 + h3,
.cke_editable h4 + h4,
.cke_panel_listItem h2 + h2,
.cke_panel_listItem h2 + h3,
.cke_panel_listItem h2 + h4,
.cke_panel_listItem h3 + h2,
.cke_panel_listItem h3 + h3,
.cke_panel_listItem h3 + h4,
.cke_panel_listItem h4 + h2,
.cke_panel_listItem h4 + h3,
.cke_panel_listItem h4 + h4{
  margin-top:0;
}
.cms table,
.cke_editable table,
.cke_panel_listItem table{
  max-width:100%;
  background-color:#fff;
  word-break:break-word;
  overflow-wrap:break-word;
}
.cms table > thead > tr > th,
.cms table > thead > tr > td,
.cms table > tbody > tr > th,
.cms table > tbody > tr > td,
.cms table > tfoot > tr > th,
.cms table > tfoot > tr > td,
.cke_editable table > thead > tr > th,
.cke_editable table > thead > tr > td,
.cke_editable table > tbody > tr > th,
.cke_editable table > tbody > tr > td,
.cke_editable table > tfoot > tr > th,
.cke_editable table > tfoot > tr > td,
.cke_panel_listItem table > thead > tr > th,
.cke_panel_listItem table > thead > tr > td,
.cke_panel_listItem table > tbody > tr > th,
.cke_panel_listItem table > tbody > tr > td,
.cke_panel_listItem table > tfoot > tr > th,
.cke_panel_listItem table > tfoot > tr > td{
  padding:0.75rem;
  border:1px solid #dfdfdf;
  line-height:1.6;
}
.cms table > thead > tr > th p,
.cms table > thead > tr > td p,
.cms table > tbody > tr > th p,
.cms table > tbody > tr > td p,
.cms table > tfoot > tr > th p,
.cms table > tfoot > tr > td p,
.cke_editable table > thead > tr > th p,
.cke_editable table > thead > tr > td p,
.cke_editable table > tbody > tr > th p,
.cke_editable table > tbody > tr > td p,
.cke_editable table > tfoot > tr > th p,
.cke_editable table > tfoot > tr > td p,
.cke_panel_listItem table > thead > tr > th p,
.cke_panel_listItem table > thead > tr > td p,
.cke_panel_listItem table > tbody > tr > th p,
.cke_panel_listItem table > tbody > tr > td p,
.cke_panel_listItem table > tfoot > tr > th p,
.cke_panel_listItem table > tfoot > tr > td p{
  margin-bottom:0;
}
.cms table > thead > tr > th,
.cke_editable table > thead > tr > th,
.cke_panel_listItem table > thead > tr > th{
  background-color:#f5f5f5;
  font-weight:400;
}
.cms img,
.cke_editable img,
.cke_panel_listItem img{
  max-width:100%;
  height:auto;
}
.cms * + h2,
.cms * + h3,
.cke_editable * + h2,
.cke_editable * + h3,
.cke_panel_listItem * + h2,
.cke_panel_listItem * + h3{
  margin-top:30px;
}
.cms * + h4,
.cke_editable * + h4,
.cke_panel_listItem * + h4{
  margin-top:20px;
}
.cms * + ul,
.cms * + ol,
.cms * + table,
.cke_editable * + ul,
.cke_editable * + ol,
.cke_editable * + table,
.cke_panel_listItem * + ul,
.cke_panel_listItem * + ol,
.cke_panel_listItem * + table{
  margin-top:1em;
}
.cms p:empty,
.cke_editable p:empty,
.cke_panel_listItem p:empty{
  margin-top:1em;
}

.cms::after{
  content:"";
  display:block;
  clear:both;
}
.cms + .cms{
  margin-top:1em;
}

.cke_editable{
  display:block;
  overflow-x:visible;
  padding:1em;
  background-color:#fff;
  font-size:13px;
  line-height:1.42857143;
}

.cke_panel_listItem h2,
.cke_panel_listItem h3,
.cke_panel_listItem h4{
  margin-bottom:0;
}

.collapse-inner{
  margin-top:10px;
  padding:10px;
  background-color:#eee;
}
.collapse-inner .collapse-inner{
  background-color:#fff;
}
.collapse-detail{
  margin-top:20px;
}

.context-menu-list{
  box-shadow:none !important;
  padding:8px 0 !important;
  border-color:#99abb4 !important;
  border-radius:4px !important;
}
.context-menu-item{
  padding:8px 1rem 8px 40px !important;
  font-size:14px !important;
  color:#16181b !important;
}
.context-menu-item:hover, .context-menu-item:focus{
  background-color:#f8f9fa !important;
}
.context-menu-item-disabled{
  background-color:#f1f3f4 !important;
  color:#67757c !important;
}
.context-menu-icon.mdi::before{
  left:16px !important;
  width:18px !important;
  font-family:"Material Design Icons" !important;
  font-size:18px !important;
  color:inherit !important;
}
.context-menu-icon.mdi::before:hover, .context-menu-icon.mdi::before:focus{
  color:inherit !important;
}

.control-label{
  font-size:15px;
}

.data-none{
  text-align:center;
}
.data-none-icon{
  display:inline-block;
  margin-bottom:10px;
  line-height:1;
}
.data-none-icon .fa,
.data-none-icon .mdi{
  display:inline-block;
  font-size:70px;
  color:#1e88e5;
}
.data-none-icon [class*=-icon]{
  width:70px;
  height:70px;
}
.data-none-icon img,
.data-none-icon svg{
  width:auto;
  height:70px;
}
.data-none-icon svg path{
  fill:#99abb4;
}
.data-none-icon .fa-folder,
.data-none-icon .mdi-book-open{
  margin-bottom:-10px;
}
.data-none-icon .fa-folder{
  transform:scale(0.8);
}
.data-none-text p{
  text-align:center;
}
.data-none-title{
  font-size:16px;
}
.data-none-sm .data-none-title{
  font-size:14px;
}
.data-none-title + p{
  margin-top:0.5em;
}
.data-none .btn{
  margin-top:10px;
}

.delete-area{
  padding:0;
}

.photo-control-box .delete-photo-btn{
  outline:none;
  display:flex;
  justify-content:center;
  align-items:center;
  margin-right:2px;
  margin-left:4px;
  padding:0;
  border:none;
  border-radius:50%;
  width:28px;
  height:28px;
  min-height:auto;
  background-color:transparent;
  font-size:18px;
  color:#67757c;
}
.piczoom-fix-bottom .photo-control-box .delete-photo-btn{
  margin-right:0;
  width:40px;
  height:40px;
  font-size:24px;
  color:#dfdfdf;
}
.piczoom-fix-bottom .photo-control-box .delete-photo-btn:not(.disabled):hover{
  background-color:rgba(223, 223, 223, 0.1);
}
.photo-control-box .delete-photo-btn.disabled{
  opacity:0.5;
}
.photo-control-box .delete-photo-btn:not(.disabled){
  cursor:pointer;
}
.photo-control-box .delete-photo-btn:not(.disabled):hover{
  background-color:#dfdfdf;
}

.divider{
  margin:9px 0;
  border:none;
  height:1px;
  background-color:rgba(121, 134, 153, 0.3);
}

.dropdown-help{
  position:relative;
}
.dropdown-help .help-icon{
  position:absolute;
  top:50%;
  right:16px;
  transform:translateY(-50%);
}
.dropdown-label{
  cursor:pointer;
  display:inline-block;
  box-sizing:border-box;
  padding:0 10px;
  border:1px solid #99abb4;
  border-radius:5px;
  background-color:transparent;
  color:#67757c;
  line-height:30px;
  text-align:left;
}
.dropdown-label:hover{
  background-color:#f1f3f4;
}
.dropdown-label:focus{
  outline:none;
}
.dropdown-label.text-truncate{
  display:block;
}
.dropdown-toggle::after{
  margin-left:8px;
  border-width:0.4em 0.4em 0 0.4em;
}
.dropdown-toggle[class*=w-]{
  padding-right:25px;
}
.dropdown-toggle[class*=w-]::after{
  position:absolute;
  top:42%;
  right:10px;
}
.dropdown-lg .dropdown-label{
  font-size:16px;
  line-height:34px;
}
.dropdown-lg .dropdown-toggle::after{
  margin-left:10px;
}
.dropdown-menu{
  border-color:#99abb4 !important;
}
.side-content .dropdown-menu{
  max-width:calc(100vw - 62px);
}
.tableUtility .dropdown-menu{
  max-width:calc(100vw - 40px) !important;
}
.dropright .dropdown-menu{
  min-width:auto;
}
.dropdown-menu.dropdown-menu-page-name-total{
  max-width:758px;
}
.dropdown-item{
  cursor:pointer;
  color:#16181b !important;
}
.dropdown-item-list .dropdown-item{
  position:relative;
  padding-right:20px;
  font-size:14px;
}
.dropdown-help .dropdown-item{
  padding-right:40px;
}
.project-page-card .dropdown-item > .icon{
  display:inline-block;
  width:20px;
  text-align:left;
}
.project-page-card .dropdown-item .fa-spinner{
  position:relative;
  top:-1px;
  font-size:13px;
}
.exMediaTableCellMenu .dropdown-item{
  position:relative;
  padding:0;
}
.dropdown-item:focus{
  outline:none;
}
.dropdown-item:active{
  background-color:#f1f3f4;
}
.dropdown-item.disabled, .dropdown-item:disabled{
  cursor:default;
  background-color:#f1f3f4;
  color:#67757c !important;
}
.dropdown-item-list .dropdown-item:not(.disabled):not(:disabled){
  cursor:pointer;
}
.dropdown-item.dropdown-item-icon{
  position:relative;
  padding-left:40px !important;
}
.topbar .dropdown-item.dropdown-item-icon{
  padding-left:48px !important;
}
.dropdown-item.dropdown-item-icon .icon,
.dropdown-item.dropdown-item-icon .mdi{
  position:absolute;
  top:50%;
  left:16px;
  transform:translateY(-50%);
  width:18px;
  font-size:18px;
  text-align:center;
}
.topbar .dropdown-item.dropdown-item-icon .icon,
.topbar .dropdown-item.dropdown-item-icon .mdi{
  left:20px;
}
.dropdown-item.dropdown-item-icon .kaotan-status-icon{
  position:absolute;
  top:50%;
  left:16px;
  transform:translateY(-50%);
}
.dropdown-item.dropdown-item-icon .kaotan-status-icon .mdi{
  position:static;
  transform:none;
}
.dropdown-item.dropdown-item-icon .icon .notify,
.dropdown-item.dropdown-item-icon .mdi .notify,
.dropdown-item.dropdown-item-icon .fa .notify{
  top:-14px;
}
.dropdown-item.dropdown-item-icon .icon img{
  border-radius:50%;
  width:18px !important;
  height:18px !important;
  background-size:cover;
}
.dropdown-item-list .dropdown-item-label{
  padding-right:75px !important;
}
.dropdown-item-list .dropdown-item-label .label{
  position:absolute;
  top:50%;
  right:20px;
  transform:translateY(-50%);
  width:50px;
}
.dropdown-item-list .dropdown-item.selected::before{
  content:"\f12c";
  display:block;
  position:absolute;
  top:50%;
  left:12px;
  transform:translate(0, -50%);
  font:normal normal normal 18px/1 "Material Design Icons";
  color:#62ae00;
  text-rendering:auto;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
}
.dropdown-header{
  padding-left:14px;
  font-size:12px;
}

.dropdown.show .text-btn-area,
.dropright.show .text-btn-area{
  font-weight:700;
}

#side .dropify-wrapper{
  margin:0 auto;
  max-width:700px;
}
#messenger .dropify-wrapper{
  position:absolute;
  z-index:1;
  width:calc(100% - 30px);
  height:100%;
  background:rgba(255, 255, 255, 0.8);
  text-align:center;
}
.popup-form-class-student-add .dropify-wrapper{
  height:140px;
}
#messenger .dropify-wrapper:hover{
  background-image:linear-gradient(135deg, #f6f6f6 25%, transparent 25%, transparent 50%, #f6f6f6 50%, #f6f6f6 75%, transparent 75%, transparent);
  background-size:30px 30px;
  animation:stripes 2s linear infinite;
}
.dropify-wrapper-s{
  height:160px;
}
.dropify-wrapper .plus-icon{
  display:inline-block;
  height:50px;
  font-size:50px;
  color:#ccc;
  line-height:1;
}
.dropify-wrapper .plus-icon + p{
  margin-top:0;
}
.dropify-wrapper p{
  text-align:center;
}
.popup-form-class-student-add .dropify-wrapper .dropify-message{
  font-size:13px;
}

.emoji-list{
  display:flex;
  flex-wrap:wrap;
  margin:0 -2px -4px;
}
.emoji-list > li{
  margin:0 2px 4px;
  width:36px;
  height:36px;
}
.emoji-list > li button{
  cursor:pointer;
  padding:0;
  border:none;
  width:100%;
  height:100%;
  background-color:transparent;
  font-size:22px;
}
.emoji-list > li button:focus, .emoji-list > li button:hover{
  outline:none;
  transform:scale(1.1, 1.1);
}
.emoji-list > li button:focus{
  outline:none;
}
#messenger .emoji-popover{
  position:absolute;
  top:auto;
  right:-1px;
  bottom:42px;
  left:auto;
  box-shadow:0 3px 12px rgba(0, 0, 0, 0.05);
  width:260px;
}
#messenger .emoji-popover:not(.show){
  pointer-events:none;
}
#messenger .emoji-popover .popover-body{
  padding:10px;
}
#messenger .emoji-popover .arrow{
  right:92px;
}

img.emoji{
  width:36px;
  height:36px;
}

#ex-log{
  display:flex;
  flex-direction:column;
  align-items:start;
  row-gap:10px;
}
#ex-log .table{
  margin-bottom:0;
}

.ex-sequence-table thead tr th:not(:has(a)){
  text-align:center;
}

.ex-sortable .ui-selected{
  background:#f8f9fa !important;
}

.exMediaTableCellMenu.dropdown{
  flex-shrink:0;
  margin-left:auto;
}

.face-count-table{
  position:relative;
  margin-bottom:calc(30px + 1rem);
}
.face-count-table > thead > tr{
  position:relative;
}
.face-count-table > thead > tr > th{
  top:30px !important;
  z-index:801 !important;
  background-color:#fff;
}
.offcanvas .face-count-table > thead > tr > th{
  top:114px;
}
.class-selected .face-count-table > thead > tr > th{
  top:0 !important;
}
.offcanvas .class-selected .face-count-table > thead > tr > th{
  top:84px;
}
.face-count-table > thead > tr > th:nth-child(1){
  left:0;
  z-index:802 !important;
  min-width:210px;
  vertical-align:bottom !important;
}
.face-count-table > thead > tr > th:nth-child(1)::before, .face-count-table > thead > tr > th:nth-child(1)::after{
  content:"";
  display:block;
  position:absolute;
  top:0;
  height:100%;
}
.face-count-table > thead > tr > th:nth-child(1)::before{
  border-right:4px double #dfdfdf;
}
.face-count-table > thead > tr > th:nth-child(1)::after{
  left:-1rem;
  width:1rem;
  background-color:#fff;
}
.face-count-table > thead > tr > th:not(:nth-child(1)){
  min-width:120px;
  max-width:160px;
  vertical-align:top !important;
}
.face-count-table > thead > tr > th:not(:nth-child(1)):not(:nth-child(2)){
  display:none;
}
.show-all .face-count-table > thead > tr > th:not(:nth-child(1)):not(:nth-child(2)){
  display:table-cell;
}
.face-count-table > thead > tr > th .face-count-table-class{
  position:absolute;
  top:-22px;
  left:-1rem;
  padding:0 1rem;
  width:100vw;
  height:30px;
  background-color:#fff;
}
.face-count-table > thead > tr > th .label{
  width:auto;
  font-size:11px;
  text-decoration:none !important;
}
.face-count-table > tbody > tr > th, .face-count-table > tbody > tr td{
  background-color:#fff;
}
.face-count-table > tbody > tr > th:has(.face-count-table-sub-total), .face-count-table > tbody > tr td:has(.face-count-table-sub-total){
  vertical-align:top !important;
}
.face-count-table > tbody > tr > th:nth-child(1), .face-count-table > tbody > tr td:nth-child(1){
  position:sticky;
  left:0;
  z-index:801;
}
.face-count-table > tbody > tr > th:nth-child(1)::before, .face-count-table > tbody > tr > th:nth-child(1)::after, .face-count-table > tbody > tr td:nth-child(1)::before, .face-count-table > tbody > tr td:nth-child(1)::after{
  content:"";
  display:block;
  position:absolute;
  top:0;
  z-index:-1;
  width:100%;
  height:100%;
}
.face-count-table > tbody > tr > th:nth-child(1)::before, .face-count-table > tbody > tr td:nth-child(1)::before{
  left:0;
  border-right:4px double #dfdfdf;
}
.face-count-table > tbody > tr > th:nth-child(1)::after, .face-count-table > tbody > tr td:nth-child(1)::after{
  left:-1rem;
  width:1rem;
  background-color:#fff;
}
.face-count-table > tbody > tr > th:nth-child(2), .face-count-table > tbody > tr td:nth-child(2){
  position:sticky;
}
.face-count-table > tbody > tr > th:not(:nth-child(1)):not(:nth-child(2)), .face-count-table > tbody > tr td:not(:nth-child(1)):not(:nth-child(2)){
  display:none;
}
.show-all .face-count-table > tbody > tr > th:not(:nth-child(1)):not(:nth-child(2)), .show-all .face-count-table > tbody > tr td:not(:nth-child(1)):not(:nth-child(2)){
  display:table-cell;
}
.face-count-table > tbody > tr.selected-student > th, .face-count-table > tbody > tr.selected-student td{
  background-color:#f8f9fa;
}
.face-count-table-list{
  overflow-y:auto;
  height:400px;
}
.offcanvas .face-count-table-list{
  overflow-y:visible;
  height:auto;
}
.face-count-table-page{
  margin-top:25px;
}
.label + .face-count-table-page{
  margin-top:5px;
}
.face-count-table-th{
  display:inline-flex;
  flex-direction:column;
  justify-content:space-between;
  min-height:calc(90px - 1.5rem);
}
.face-count-table-th-main{
  color:#ea352d;
}
.face-count-table-manuscript .face-count-table-th-sub{
  color:#1967d2;
}
.face-count-table-total{
  display:flex;
  gap:1rem;
}
.offcanvas .face-count-table-student{
  cursor:pointer;
}
.face-count-table-photo{
  position:relative;
}
.face-count-table-photo::before{
  content:"";
  display:none;
  position:absolute;
  top:0;
  left:0;
  z-index:2;
  border:5px solid #ffb22b;
  border-radius:5px;
  width:100%;
  height:100%;
}
.selected-student .face-count-table-photo::before{
  display:block;
}
.face-count-table-photo img{
  display:block;
  border-radius:5px;
  width:100px;
  height:auto;
}
.face-count-table-list-small .face-count-table-photo img{
  width:60px;
}
.face-count-table-info{
  margin-top:5px;
  font-size:11px;
  text-align:center;
}
.face-count-table-count-area{
  margin-top:0.5rem;
}
.face-count-table-list-small .face-count-table-count-area{
  margin-top:0;
}
.face-count-table-count-main{
  color:#ea352d;
}
.face-count-table-count-main .face-count-table-count-auto{
  font-size:24px;
}
.face-count-table-list-small .face-count-table-count-main .face-count-table-count-auto{
  font-size:20px;
}
.face-count-table-count-main .face-count-table-count-manual{
  font-size:14px;
}
.face-count-table-count-sub{
  font-size:14px;
  color:#67757c;
}
.face-count-table-manuscript .face-count-table-count-sub{
  color:#1967d2;
}
.face-count-table-btn-area{
  margin-top:8px;
}
.face-count-table-list-small .face-count-table-btn-area{
  margin-top:4px;
}
.face-count-table-list-small .face-count-table-btn-area .btn{
  padding:4px 8px;
  min-height:34px;
  font-size:85%;
}

.face-count-utility{
  margin:-1rem -10px 0;
  padding:1rem 10px 8px;
  background-color:#fff;
}
.offcanvas .face-count-utility{
  position:sticky;
  top:-1rem;
  left:-1rem;
  z-index:804;
  margin:-1rem -1rem 0;
  padding:1rem 1rem 8px;
}

.face-photo{
  cursor:pointer;
  display:flex;
  flex-direction:column;
  position:relative;
  width:100px;
}
.face-photo:not(.selected) .kaonavi-unselect-icon{
  border-color:#eee;
  background-color:#fff;
  color:#67757c;
}
.face-photo:not(.selected) .kaonavi-unselect-icon i{
  color:#99abb4;
}
.face-photo.unselect .face-photo-area{
  position:relative;
}
.face-photo.unselect .face-photo-area::after{
  content:"";
  display:block;
  padding-bottom:100%;
  width:100%;
  height:0;
}
.face-photo.unselect .face-photo-area .kaonavi-unselect-icon{
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
}
.face-photo.unselect.selected{
  pointer-events:none;
}
.face-photo.selected .face-photo-area::before{
  display:block;
}
.face-photo-list.face-photo-list-small .face-photo-group .face-photo{
  width:60px;
}
.face-photo-list.face-photo-list-small .face-photo-group .face-photo .count,
.face-photo-list.face-photo-list-small .face-photo-group .face-photo .area{
  min-width:20px;
  height:20px;
  font-size:12px;
  line-height:20px;
}
.face-photo-list.face-photo-list-small .face-photo-group .face-photo .face-photo-area::before{
  border-width:4px;
}
.face-photo-list.face-photo-list-small .face-photo-group .face-photo .student-info-area{
  font-size:10px;
}
.face-photo-list.face-photo-list-small .face-photo-group .face-photo .kaonavi-unselect-icon{
  font-size:10px;
}
.face-photo-list.face-photo-list-small .face-photo-group .face-photo .kaonavi-unselect-icon i{
  font-size:28px;
}
.face-photo-group.face-photo-group-add{
  margin-bottom:-16px;
}
.face-photo-group.face-photo-group-add .face-photo{
  margin-bottom:16px;
}
.face-photo-group.face-photo-group-add .face-photo .face-photo-bg::before{
  content:"";
  display:none;
  position:absolute;
  top:0;
  left:0;
  z-index:3;
  border:5px solid #bfdffb;
  border-radius:5px;
  width:100%;
  height:100%;
}
.face-photo-group.face-photo-group-add .face-photo.selected .face-photo-bg::before{
  display:block;
}
.face-photo-group.face-photo-group-add .face-photo .check{
  display:none;
  position:absolute;
  top:6px;
  left:6px;
  z-index:3;
  width:30px;
  height:30px;
  font-size:30px;
  color:#1e88e5;
  line-height:1;
}
.face-photo-group.face-photo-group-add .face-photo .check .mdi-check-circle{
  display:block;
  height:inherit;
  line-height:1;
}
.face-photo-group.face-photo-group-add .face-photo .check .mdi-check-circle::before{
  position:relative;
  z-index:3;
}
.face-photo-group.face-photo-group-add .face-photo .check .mdi-check-circle::after{
  content:"";
  display:block;
  position:absolute;
  top:50%;
  left:50%;
  z-index:2;
  transform:translate(-50%, -50%);
  border-radius:50%;
  width:22px;
  height:22px;
  background-color:#fff;
}
.face-photo-group.face-photo-group-add .face-photo.selected .check{
  display:block;
}
.face-photo-list{
  margin:0 auto;
}
.face-photo-group{
  display:flex;
  flex-wrap:wrap;
  margin:0 -8px -10px;
}
.face-photo-group .face-photo,
.face-photo-group .face-photo-empty{
  margin:0 8px 10px;
}
.face-photo .face-photo-bg{
  position:relative;
}
.face-photo .face-photo-bg::after{
  content:"";
  display:block;
  padding-bottom:100%;
  width:100%;
  height:0;
}
.face-photo .face-photo-bg img{
  position:absolute;
  top:0;
  left:0;
  z-index:2;
  border-radius:5px;
  width:100%;
  height:100%;
  background-position:center 80%;
  background-size:cover;
}
.face-photo .face-photo-area{
  position:relative;
}
.face-photo .face-photo-area::before{
  content:"";
  display:none;
  position:absolute;
  top:0;
  left:0;
  z-index:2;
  border:5px solid #ffb22b;
  border-radius:5px;
  width:100%;
  height:100%;
}
.face-photo .face-photo-area img{
  display:block;
  border-radius:5px;
  width:100%;
  height:auto;
}
.face-photo .face-photo-label{
  display:inline-block;
  position:absolute;
  right:6px;
  bottom:6px;
  padding:2px 8px;
  border-radius:3em;
  background-color:#fff;
  font-size:11px;
  line-height:1.3;
  text-align:center;
}
.face-photo-list.face-photo-list-small .face-photo .face-photo-label{
  padding:1px 6px;
  font-size:10px;
}
.face-photo .count-area{
  display:flex;
  position:absolute;
  top:-7px;
  right:-7px;
  z-index:3;
}
.face-photo .count-area .count,
.face-photo .count-area .area{
  display:inline-flex;
  justify-content:center;
  align-items:center;
  padding:0 6px;
  border-radius:3em;
  min-width:26px;
  height:26px;
  font-size:14px;
  font-weight:700;
  color:#fff;
  line-height:1;
  text-align:center;
  transition:background-color 0.1s;
}
.face-photo .count-area .count{
  background-color:#ea352d;
}
.face-photo .count-area .area{
  background-color:#1967d2;
}
.face-photo .count-area .count[data-display-count="0"],
.face-photo .count-area .area[data-display-area="0"]{
  background-color:#99abb4;
}
.face-photo .student-info-area{
  margin-top:5px;
  font-size:11px;
}
.face-photo .student-info-area .face-count-for-print,
.face-photo .student-info-area .face-area-for-print{
  font-size:110%;
  font-weight:700;
}
.face-none .mdi-face{
  width:120px;
  height:120px;
  font-size:120px;
  color:#1e88e5;
  line-height:1;
}

.fix-btn.disabled, .fix-btn:disabled, .fix-btn:hover.disabled, .fix-btn:hover:disabled{
  opacity:1;
  border:1px solid #ccc !important;
  background:#ccc;
}

.fixed-bottom{
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  gap:5px;
}

.fixed-candidate-photo{
  display:none;
  position:fixed;
  top:86px;
  right:20px;
  z-index:1010;
}
.fixed-candidate-photo-inner{
  display:flex;
  align-items:center;
}
.fixed-candidate-photo-select{
  margin-right:-20px;
  padding:9px 30px 7px 10px;
  border-radius:4px;
  background-color:rgba(0, 0, 0, 0.5);
  color:#fff;
  text-align:center;
}
.fixed-candidate-photo-select .text, .fixed-candidate-photo-select .count{
  display:block;
}
.fixed-candidate-photo-select .text{
  font-size:11px;
}
.fixed-candidate-photo-select .count{
  margin-top:3px;
  font-size:13px;
  line-height:1.2;
}
.fixed-candidate-photo-btn{
  display:flex;
  justify-content:center;
  align-items:center;
  position:relative;
  box-shadow:0 5px 10px rgba(0, 0, 0, 0.08);
  padding-right:16px;
  padding-left:24px;
  border:1px solid #99abb4;
  border-radius:30px;
  width:160px;
  height:60px;
  background-color:#fff;
  transition:box-shadow 0.3s ease-in-out;
}
.fixed-candidate-photo-btn::before{
  content:"\f187";
  font-family:"Font Awesome 5 Free";
  font-size:26px;
  font-weight:900;
  color:#e8a400;
  line-height:1;
}
.fixed-candidate-photo-btn .text{
  display:flex;
  align-items:center;
  margin-left:8px;
  font-size:15px;
  color:#16181b;
}
.fixed-candidate-photo-btn .text::after{
  content:"\f054";
  margin-left:6px;
  font:normal normal normal 1em/1 "Material Design Icons";
  color:#99abb4;
}
.fixed-candidate-photo-btn .count{
  display:none;
  position:absolute;
  top:-5px;
  right:-5px;
  padding:3px 5px;
  border-radius:3em;
  min-width:20px;
  height:20px;
  background-color:#ea352d;
  font-size:13px;
  color:#fff;
  line-height:1;
  text-align:center;
  transition:background-color 0.1s;
}
.fixed-candidate-photo-btn .count[data-display-count="0"]{
  background-color:#99abb4;
}

a.fixed-candidate-photo-btn:hover, a.fixed-candidate-photo-btn:focus{
  box-shadow:0 8px 15px rgba(0, 0, 0, 0.16);
}

:not(a).fixed-candidate-photo-btn{
  padding:0;
  width:60px;
}

.folder-table.searched .folder-table-name{
  font-size:18px;
}
.folder-table-main .breadcrumb a{
  color:#333;
  text-decoration:underline;
}
.folder-table td.itmd-date:not(.notice){
  color:#26a69a;
}

.form{
  margin:0 auto;
  max-width:816px;
}
.form-label-list-vertical{
  margin-bottom:-8px;
}
.form-control{
  color:#495057;
}
.floating-labels .form-control{
  font-family:"Open Sans", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, "ＭＳ Ｐゴシック", sans-serif;
}
.form-control.is-invalid:not(:checked) + label{
  border-color:#ea352d;
  color:#ea352d;
}
.form-control.is-invalid:not(:checked) + label::before, .form-control.is-invalid:not(:checked) + label::after{
  border-color:#ea352d;
}
td .form-control + label{
  margin-bottom:0;
}
.form-control-sm{
  min-height:24px;
  font-size:12px;
}
.form-select{
  max-width:100%;
  min-height:38px;
}
.form-control-feedback{
  margin-top:0.25rem;
  font-size:0.85em;
  line-height:1.6;
}
.form-control-feedback:empty{
  margin-top:0;
}
.form-control-feedback + .form-control-feedback{
  margin-top:0;
}
.has-danger .form-control-feedback{
  color:#ea352d;
}
.form-control-feedback > ul{
  list-style-type:none;
  padding-left:0;
  font-size:inherit;
}
.form-control-label, .form-control-value{
  line-height:1.6;
}
.form .floating-labels label{
  top:8px;
  margin-bottom:0;
}

.form-group{
  margin-bottom:30px;
}
.form-group, .form-group-md-col2, .form-group-lg-col2{
  min-height:38px;
}
.form-group .form-control-label, .form-group-md-col2 .form-control-label, .form-group-lg-col2 .form-control-label{
  display:flex;
  align-items:center;
  margin-bottom:0.5em;
}
.form-group .form-control-label .badge, .form-group-md-col2 .form-control-label .badge, .form-group-lg-col2 .form-control-label .badge{
  margin-left:1em;
}
.form-group .form-control-label .help-icon, .form-group-md-col2 .form-control-label .help-icon, .form-group-lg-col2 .form-control-label .help-icon{
  align-self:center;
}
.form-group .form-control-value label, .form-group-md-col2 .form-control-value label, .form-group-lg-col2 .form-control-value label{
  margin-bottom:0;
}
.form-group-confirm .form-control-label{
  color:#99abb4;
}
.form-group-confirm .form-group-md-col2,
.form-group-confirm .form-group-lg-col2{
  min-height:auto;
}

.formRow{
  display:flex;
  align-items:center;
}
.formRow > span:not(.select2){
  flex-shrink:0;
}
.formRow > hr{
  flex-shrink:0;
  opacity:1;
  margin-top:0;
  margin-bottom:0;
  width:1px;
  height:38px;
  background-color:#798699;
}
.formRow-group{
  flex-wrap:wrap;
  gap:0.6rem 0.6rem;
}
.formRow-item{
  display:flex;
  align-items:center;
}
.formRow-item > span{
  flex-shrink:0;
}
.formRow-btn .btn{
  flex-shrink:0;
  margin-left:0.6rem;
}
.formRow-btnWrap{
  display:grid;
  grid-gap:0.6rem 0.6rem;
  grid-template-areas:"form form" "btn1 btn2";
  grid-template-columns:repeat(2, 1fr);
}
.formRow-btnWrap > .formRow-btnWrapMain,
.formRow-btnWrap > .form-control,
.formRow-btnWrap > .form-select,
.formRow-btnWrap > .select2-container{
  grid-area:form;
}
.formRow-btnWrap .formRow-btnWrapMain{
  display:flex;
  align-items:center;
}
.formRow-btnWrap > .btn:first-of-type{
  grid-area:btn1;
}
.formRow-btnWrap > .btn:nth-of-type(2){
  grid-area:btn2;
}

.photo-name-area .group-name-group{
  position:relative;
  margin-bottom:5px;
  font-size:11px;
  color:#455a64;
  line-height:1.4;
  text-align:left;
}
.photo-name-area .group-name-group::before{
  content:"\f07b";
  display:inline-block;
  margin-right:0.25em;
  padding-top:0.2em;
  font:normal normal normal 1em/1 FontAwesome;
  color:#99abb4;
}
.fixed-bottom .photo-name-area .group-name-group{
  color:#fff;
  text-align:center;
}
.fixed-bottom .photo-name-area .group-name-group::before{
  margin-right:0.5em;
}
.photo-name-area .group-name-group.is-public-library::before{
  content:"\f114";
}
.photo-name-area .group-name-group li{
  display:inline;
  position:relative;
}
.photo-name-area .group-name-group li:not(:first-child)::before{
  content:"\f105";
  display:inline-block;
  margin:0 0.25em;
  font:normal normal normal 1em/1 FontAwesome;
  color:#99abb4;
}

.icon{
  color:#fff;
  text-align:center;
}

.cancel-icon{
  cursor:pointer;
  display:inline-block;
  height:31px;
  font-size:20px;
  line-height:31px;
}

.cancel-icon-2{
  cursor:pointer;
  height:20px;
  font-size:20px;
}

.candidate-photo-icon{
  cursor:pointer;
  color:#1e88e5 !important;
  line-height:1;
}

.plus-icon{
  cursor:pointer;
  height:25px;
  font-size:25px;
  color:#62ae00;
}

.mark-icon{
  cursor:pointer;
  position:absolute;
  top:5px;
  right:45px;
  font-size:160%;
  color:#999;
}

.mark-selected-icon{
  cursor:pointer;
  position:absolute;
  top:5px;
  right:45px;
  font-size:160%;
  color:#ffb22b;
}

.mark-selected-icon.disabled{
  cursor:auto;
}

.trash-icon{
  cursor:pointer;
  position:absolute;
  top:5px;
  right:15px;
  font-size:160%;
  color:#999;
}

.fix-icon{
  display:inline-block;
  margin:5px 0;
  height:25px;
  background:#ea352d;
  font-size:14px;
  color:#fff;
  line-height:25px;
  vertical-align:top;
}

.fix-icon-area{
  position:relative;
}

.fix-icon-s{
  display:inline-block;
  position:absolute;
  top:-6px;
  right:-6px;
  padding:3px 6px;
  border-radius:8px;
  background-color:#ea352d;
  font-size:11px;
  color:#fff;
  line-height:1;
}

.help-icon{
  cursor:help;
  margin-left:5px;
  font-size:16px;
  color:#00a4f9;
  vertical-align:middle;
}
.modal-header .help-icon{
  vertical-align:baseline;
}
.title-lgLineText .help-icon{
  vertical-align:baseline;
}
.help-icon::after{
  content:"";
  display:block;
  position:absolute;
  top:calc(50% - 6px);
  left:calc(50% - 6px);
  z-index:-1;
  border-radius:50%;
  width:12px;
  height:12px;
  background-color:#fff;
}

.help-text{
  cursor:help;
  color:#00a4f9;
}

.help-text .help-icon{
  position:relative;
  top:-1px;
  margin-left:0;
}

.switch-icon{
  cursor:pointer;
  display:inline-flex;
  justify-content:center;
  align-items:center;
  padding:0;
  border:none;
  border-radius:4px;
  width:1.5em;
  height:1.5em;
  background-color:transparent;
  font-size:20px;
  color:#99abb4;
  line-height:1;
}
.switch-icon:not(.active):hover, .switch-icon:not(.active):focus{
  background-color:rgba(241, 243, 244, 0.5);
}
.switch-icon:focus{
  outline:none;
}
.switch-icon.active,
.switch-icon i.active{
  color:#333;
  pointer-events:none;
}
.switch-icon .ti-layout-list-thumb-alt{
  position:relative;
  top:-0.05em;
  font-size:110%;
}

.kaonavi-unselect-icon{
  display:flex;
  flex-direction:column;
  justify-content:center;
  align-items:center;
  border:5px solid #99abb4;
  border-radius:5px;
  width:100%;
  max-width:100px;
  height:100%;
  max-height:100px;
  background-color:#99abb4;
  font-size:13px;
  color:#fff;
  line-height:1.4;
  text-align:center;
}
.kaonavi-unselect-icon i{
  font-size:48px;
  line-height:1;
}

.status-icon{
  display:inline-block;
  margin-right:4px;
  border-radius:50%;
  width:8px;
  height:8px;
}
.status-icon.status-icon-reserve{
  background-color:#99abb4;
}
.status-icon.status-icon-progress{
  background-color:#1e88e5;
}
.status-icon.status-icon-pending{
  background-color:#ffb22b;
}
.status-icon.status-icon-finished{
  background-color:#ea352d;
}

.auto-status-icon{
  width:20px;
  height:20px;
  background:center center/contain no-repeat;
}
[data-auto-status=none] .auto-status-icon{
  display:none;
}
[data-auto-status*=candidate] .auto-status-icon{
  background-image:url("/ex/ps/images/album/icon-kaotan-mark.svg");
}
[data-auto-status=recommend] .auto-status-icon{
  background-image:url("/ex/ps/images/album/icon-kaotan-mark-recommend.svg");
}

.info-icon{
  font-size:150%;
  vertical-align:middle;
}

.manuscript-icon{
  cursor:pointer;
  color:#34b200 !important;
  line-height:1;
}

.edit-icon:not(.disabled),
.delete-icon:not(.disabled){
  cursor:pointer;
}

.edit-icon.disabled,
.delete-icon.disabled{
  opacity:0.6;
}

.edit-icon{
  color:#62ae00;
}

.detail-icon,
.copy-icon{
  color:#007bff;
}

.delete-icon{
  color:#67757c;
}

@keyframes icon-upload-download-ring-progress{
  to{
    transform:rotate(360deg);
  }
}
.upload-icon{
  display:inline-block;
  position:relative;
  width:1em;
  height:1em;
  background:url(/ex/ps/images/album/icon-upload-arrow-empty.svg) center center/contain no-repeat;
  vertical-align:middle;
}
.upload-icon::before{
  content:"";
  display:block;
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  background:url(/ex/ps/images/album/icon-upload-download-ring-empty.svg) center center/contain no-repeat;
}
.upload-icon-progress::before{
  animation:icon-upload-download-ring-progress 3s linear infinite;
}

.library-folder-icon{
  position:relative;
  color:#99abb4;
  line-height:1;
}
.library-folder-icon-base{
  font-size:20px;
}
.library-folder-icon-point{
  position:absolute;
  top:-3px;
  left:-5px;
  font-size:13px;
  text-shadow:1px 1px 0 #fff, 0 1px 0 #fff;
}
.library-folder-icon-point.fa-photo{
  background-color:#fff;
}

.back-icon{
  cursor:pointer;
  display:inline-block;
  border-radius:50%;
  width:35px;
  height:35px;
  background-color:#f1f3f4;
  font-size:25px;
  color:#737c80;
  line-height:35px;
  text-align:center;
}
.back-icon:hover, .back-icon:focus{
  color:#455a64;
}
.back-icon .mdi{
  display:inline-block;
}

.title-icon{
  position:relative;
  padding-left:1.5em;
}
.title-icon > i,
.title-icon > img{
  position:absolute;
  top:0;
  left:0;
}
.title-icon > i{
  font-size:1.25em;
  color:#99abb4;
  vertical-align:middle;
}
.title-icon > img{
  width:auto;
  height:1.15em;
}
.title-icon > .fa{
  top:0.1em;
}

.album-member-index-icon{
  border-radius:100%;
  width:60px;
  height:auto;
}

.mdi-check,
.mdi-checkbox-marked{
  color:#26a69a;
}

.image-popup-overlay{
  display:none;
  position:fixed;
  top:0;
  left:0;
  z-index:1030;
  overflow-x:hidden;
  overflow-y:auto;
  padding:0 15px;
  width:100%;
  height:100%;
  background:rgba(0, 0, 0, 0.5);
}
.image-popup-inner{
  display:flex;
  align-items:center;
  margin:45px auto 67px;
  height:calc(100% - 45px - 67px);
}
.image-popup-area{
  display:none;
  z-index:999;
  padding:15px 0;
  width:100%;
  height:100%;
  background-color:rgba(0, 0, 0, 0);
  text-align:center;
}
.image-popup-preview{
  max-width:100%;
  max-height:100%;
}
.image-popup-loading{
  margin:20% auto;
  width:20%;
  height:20%;
}

.input-search{
  position:relative;
  width:400px;
  max-width:100%;
}
.tableUtility .input-search{
  margin-right:0.6rem;
}
.input-search::before{
  content:"\f349";
  font-family:"Material Design Icons";
  font-weight:normal;
  line-height:1;
  text-rendering:auto;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  position:absolute;
  top:50%;
  left:10px;
  transform:translateY(-50%);
  font-size:20px;
  color:#99abb4;
}
.input-search .form-control{
  padding-left:34px;
}
.input-search.searched .form-control{
  padding-right:38px;
}
.input-search-delete{
  display:none;
  position:absolute;
  top:50%;
  right:0;
  transform:translateY(-50%);
  color:#67757c;
}
.input-search.searched .input-search-delete{
  display:block;
}

.jq-toast-single{
  padding:10px 20px 10px 12px;
  max-width:calc(100vw - 30px);
  font-size:14px;
  line-height:1.6;
}
.jq-toast-single a{
  padding-bottom:0;
  border-bottom:none;
  font-size:inherit;
  font-weight:400;
  text-decoration:underline;
}
.jq-toast-single a:hover{
  text-decoration:none;
}
.jq-icon-area{
  position:relative;
  padding-left:30px;
}
.jq-icon-area i{
  position:absolute;
  top:50%;
  left:0;
  transform:translateY(-50%);
  font-size:23px;
  color:#fff;
  vertical-align:middle;
}
.jq-toast-wrap.bottom-right{
  right:15px;
  bottom:10px;
}
.jq-toast-wrap{
  z-index:10001 !important;
  width:auto;
  min-width:250px;
}

.close-jq-toast-single{
  top:-2px;
  right:-2px;
  padding-top:3px;
  padding-right:7px;
  width:25px;
  height:25px;
  font-size:20px;
  text-align:right;
}
.kaonavi-btn-trim-img{
  overflow:hidden;
}

.label-danger{
  background-color:#ea352d;
}
.label-success-inverse{
  background-color:#fff;
  color:#f88600;
}
.label-outline-info{
  border:1px solid #1e88e5;
  background-color:transparent;
  color:#1e88e5;
}
.label-outline-default{
  border:1px solid #99abb4;
  background-color:transparent;
  color:#333;
}
.label-light-danger{
  background-color:#fce1e0;
  color:#ea352d;
}
.label-light-pink{
  background-color:#f9e7eb;
  color:#fc4b6c;
}
.label-count{
  background-color:#ea352d;
}
.label-area{
  background-color:#1967d2;
}
.label-selected-photo{
  background:#ea352d;
  color:#fff;
}
.label-selected-photo::before{
  content:"\f5e0";
  display:inline-block;
  margin-right:0.25em;
  margin-left:-0.25em;
  font:normal normal normal 1.25em/1 "Material Design Icons";
}
.label-auto-candidate-new{
  background-color:#f0f9ff;
  background-image:repeating-linear-gradient(135deg, transparent, transparent 4px, #e1f3fe 4px, #e1f3fe 8px);
  background-size:auto auto;
  color:#455a64;
}
.label-number{
  display:inline-flex;
  justify-content:center;
  align-items:center;
  padding:0;
  border-radius:50%;
  width:1.7em;
  height:1.7em;
  font-family:"Poppins", sans-serif;
  font-size:1.2em;
}
.table .label.label-status{
  flex-wrap:nowrap;
  color:#333;
  white-space:nowrap;
}
.label[class*=font-]{
  line-height:1.3;
}
.empty-page-no .label-page-no::before{
  content:"-";
}
.label-page-no span{
  margin-right:0.25em;
  margin-left:0.25em;
}
.table .label{
  display:inline-flex;
  flex-wrap:wrap;
  justify-content:center;
  align-items:center;
  width:100%;
  font-size:100%;
  line-height:1.2;
  text-align:center;
  vertical-align:middle;
}

.link-icon-list i{
  cursor:pointer;
  display:inline-block;
  height:22px;
  font-size:22px;
  color:#62ae00;
  line-height:22px;
}

.swap-box .list-group-item{
  padding:0.75rem;
}
.list-group-item.active, .list-group-item.active:hover, .list-group-item.active:focus{
  border-color:#1e88e5 !important;
  background-color:#1e88e5 !important;
}
.list-group-item [type=checkbox] + label{
  margin-right:10px;
  margin-bottom:0;
  padding-left:18px;
  height:18px;
}
.list-group-item.unread::before{
  content:"";
  position:absolute;
  top:50%;
  left:8px;
  transform:translateY(-50%);
  border-radius:50%;
  width:6px;
  height:6px;
  background-color:#ea352d;
}

.list-step{
  display:grid;
  margin-bottom:0 !important;
  padding-left:0 !important;
  grid-template-columns:repeat(auto-fit, minmax(33%, 1fr));
}
.swap-box-nav .list-step{
  display:flex;
  flex-wrap:nowrap;
}
.list-step-vertical{
  display:block;
}
.list-step-item{
  list-style:none;
  position:relative;
  text-align:center;
}
.swap-box-nav .list-step-item{
  min-width:124.6666666667px;
}
.list-step-vertical .list-step-item{
  margin:0;
  min-width:auto;
}
.list-step-item::before, .list-step-item::after{
  content:"";
  display:block;
  position:absolute;
  top:13px;
  width:50%;
  height:2px;
  background-color:#99abb4;
}
.list-step-vertical .list-step-item::before, .list-step-vertical .list-step-item::after{
  left:13px;
  width:2px;
  height:50%;
}
.list-step-item::before{
  left:0;
}
.list-step-vertical .list-step-item::before{
  top:0;
}
.list-step-item::after{
  right:0;
}
.list-step-vertical .list-step-item::after{
  top:26px;
}
.list-step-item:first-child::before{
  content:none;
}
.list-step-item:last-child::after{
  content:none;
}
.list-step-item.is-done + .list-step-item.is-done::before{
  background-color:#007bff;
}
.list-step-item.is-done:has(+ .list-step-item.is-done)::after{
  background-color:#007bff;
}
.list-step-item.is-done + .list-step-item.is-current::before{
  background-color:#007bff;
}
.list-step-item.is-done:has(+ .list-step-item.is-current)::after{
  background-color:#007bff;
}
.list-step-label{
  display:flex;
  flex-direction:column;
  align-items:center;
  position:relative;
  z-index:2;
  padding:0 10px;
  color:#99abb4;
  text-align:center;
}
.list-step-vertical .list-step-label{
  flex-direction:row;
  padding:10px 0;
}
.list-step-label::before{
  content:"";
  display:flex;
  justify-content:center;
  align-items:center;
  margin-bottom:5px;
  border:2px solid #99abb4;
  border-radius:50%;
  width:28px;
  height:28px;
  background-color:#99abb4;
}
.list-step-vertical .list-step-label::before{
  margin-right:5px;
  margin-bottom:0;
}
.list-step-item.is-done .list-step-label::before{
  content:"\f12c";
  font-family:"Material Design Icons";
  line-height:1;
  text-rendering:auto;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  border-color:#007bff;
  background-color:#007bff;
  font-size:1rem;
  font-weight:700;
  color:#fff;
}
.list-step-item.is-current .list-step-label::before{
  border-width:6px;
  border-color:#007bff;
  background-color:#fff;
  color:#007bff;
}
.list-step-text{
  display:inline-flex;
  flex-wrap:wrap;
  justify-content:center;
  -moz-column-gap:0.25rem;
       column-gap:0.25rem;
}
.list-step-item.is-current .list-step-text{
  color:#007bff;
}
.list-step-item.is-done .list-step-text{
  color:#007bff;
}

.loading{
  display:flex;
  justify-content:center;
  align-items:center;
  position:fixed;
  top:0;
  left:0;
  z-index:100;
  width:100%;
  height:100%;
  color:#888;
}
.loading .loading-box{
  padding:12px 5px 0;
  min-width:90px;
  min-height:90px;
  background:rgba(0, 0, 0, 0.6);
  color:#fff;
  text-align:center;
}
.loading .loading-box img{
  width:50px;
}
.loading.loading-in-area{
  position:relative;
}
.loading-content{
  display:flex;
  justify-content:center;
  align-items:center;
  position:fixed;
  top:0;
  left:0;
  z-index:100;
  width:100%;
  height:100%;
}
.loading-content .loading-box{
  padding:12px 5px 0;
  min-width:90px;
  min-height:90px;
  background:rgba(0, 0, 0, 0.6);
  color:#fff;
  text-align:center;
}
.loading-content .loading-box img{
  width:50px;
}

.login-register{
  position:static;
  padding:3% 0 5% 0;
  background:#f5f5f5;
}
.login-register .logo-area{
  position:relative;
}
.login-register .logo-area .scrum{
  width:280px;
}
.login-register .logo-area .logo{
  position:absolute;
  top:66px;
  right:0;
  left:0;
  margin:auto;
  width:360px;
}
.login-register .login-title{
  line-height:1.5;
}

.logo-box > div{
  position:relative;
}
.logo-box input[type=radio] + label{
  display:block;
  margin-bottom:0;
  height:auto;
  line-height:1.6;
}
.logo-box input[type=radio] + label::before, .logo-box input[type=radio] + label::after{
  top:calc(50% - 12px);
}
.logo-box input[type=radio] + label img:not(:last-child){
  margin-right:5px;
}

.manual-edit-change-list{
  margin:20px -20px -20px;
  border-top:1px solid #dfdfdf;
  background-color:#f3f3f3;
}
.manual-edit-change-item{
  display:flex;
  position:relative;
  padding:20px 20px 15px;
}
.manual-edit-change-item .face-photo{
  pointer-events:none !important;
}
.manual-edit-change-item > .mdi{
  padding:38px 15px 0;
}
.manual-edit-change-item .close{
  opacity:1;
  position:absolute;
  top:20px;
  right:20px;
  font-size:13px;
  font-weight:400;
  text-shadow:none;
}
.manual-edit-change-item .close:focus{
  outline:none;
}
.manual-edit-change-item .close:hover > span{
  color:#0056b3;
}
.manual-edit-change-item .close > .mdi{
  font-size:20px;
}
.manual-edit-change-item .close > span{
  color:#007bff;
}
.manual-edit-img{
  position:relative;
  z-index:1;
}
.manual-edit-img.active .select-areas-image-holder::after{
  content:"";
  display:block;
  position:absolute;
  top:0;
  left:0;
  border:1px solid #1e88e5;
  width:100%;
  height:100%;
  pointer-events:none;
}
.device-PC .manual-edit-img.manual-edit-img-manuscript{
  padding:64px 2%;
  background-color:#f3f3f3;
}
.manual-edit-footer{
  display:flex;
  justify-content:center;
  position:sticky;
  bottom:0;
  z-index:2;
  margin:0 -15px;
  padding:10px 15px;
  background-color:rgba(255, 255, 255, 0.7);
}

.manuscript-total-modal-table-page tr > .count{
  width:160px;
}
.manuscript-total-modal-table-page tr > .icon{
  width:90px;
}

.manuscript{
  position:relative;
}
.manuscript img{
  display:block;
  width:100%;
}
.manuscript-card .page-title{
  display:inline-block;
  overflow:hidden;
  max-width:100%;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.manuscript-card .page-title-fix{
  display:inline-block;
  overflow:hidden;
  max-width:calc(100% - 75px);
  text-overflow:ellipsis;
  white-space:nowrap;
}
#side .manuscript-block .manuscript-status{
  display:flex;
  align-items:center;
  position:absolute;
  right:0;
  bottom:0;
  padding:4px 5px 3px;
  border-right:1px solid #f3f3f3;
  border-bottom:1px solid #f3f3f3;
  background-color:#fff;
  font-size:90%;
  color:#16181b;
  line-height:1.1;
}
#side .manuscript-block .manuscript-status.manuscript-status-fix{
  border-top:1px solid #fff;
  border-right:none;
  border-bottom:none;
  border-left:1px solid #fff;
  background-color:#ea352d;
  color:#fff;
}
#side .manuscript-block .manuscript-status-icon{
  display:block;
  position:absolute;
  top:5px;
  right:5px;
  font-size:22px;
  line-height:1;
}
#side .manuscript-block .manuscript-status-icon i{
  display:block;
  line-height:1;
}
#side .manuscript-block .manuscript-status-icon .mdi{
  position:relative;
}
#side .manuscript-block .manuscript-status-icon .mdi::before{
  position:relative;
  z-index:2;
}
#side .manuscript-block .manuscript-status-icon .mdi::after{
  content:"";
  display:block;
  position:absolute;
  top:50%;
  left:50%;
  z-index:1;
  transform:translate(-50%, -50%) scale(0.75);
  border-radius:50%;
  width:1em;
  height:1em;
  background-color:#fff;
}
#side .manuscript-block .loading-icon{
  padding:1px;
  font-size:17px;
}
#side .manuscript-block .fix{
  position:relative;
}
#side .manuscript-block .fix-icon{
  display:inline-block;
  position:absolute;
  bottom:5px;
  left:78px;
  width:50px;
  height:20px;
  background:#ea352d;
  font-size:85%;
  color:#fff;
  line-height:22px;
}

.menu-card{
  display:grid;
  grid-gap:15px;
  grid-template-columns:1fr;
}
.menu-card-item-cols{
  grid-column:1/3;
}
.menu-card-link, .menu-card-text{
  display:flex;
  position:relative;
  padding:0.75rem;
  border:1px solid #d7dfe3;
  border-radius:4px;
  min-height:92px;
  gap:10px;
}
.menu-card-link{
  height:100%;
  color:#333 !important;
  transition:background-color 0.15s ease-in-out;
}
.menu-card-link:hover, .menu-card-link:focus{
  background-color:#f1f3f4;
}
.menu-card-link.disabled{
  opacity:0.6;
  pointer-events:none;
}
.menu-card-link-add{
  border-color:#007bff;
  color:#007bff !important;
}
.menu-card-link-add::after{
  content:none;
}
.menu-card-link-add:hover, .menu-card-link-add:focus{
  background-color:#007bff;
  color:#fff !important;
}
.menu-card-link-add:hover .menu-card-title,
.menu-card-link-add:hover .mdi, .menu-card-link-add:focus .menu-card-title,
.menu-card-link-add:focus .mdi{
  color:#fff !important;
}
.menu-card-link-add .menu-card-title,
.menu-card-link-add .mdi{
  color:#007bff !important;
}
.menu-card-link-edit::after{
  content:"\f64f";
  font-family:"Material Design Icons";
  font-weight:normal;
  line-height:1;
  text-rendering:auto;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  position:absolute;
  top:0.75rem;
  right:0.75rem;
  font-size:20px;
  color:#62ae00;
}
.menu-card-view .menu-card-link-edit::after{
  content:"\f5e1";
}
.menu-card-icon{
  flex-shrink:0;
  align-self:center;
  line-height:1;
}
.menu-card-icon .mdi{
  font-size:50px;
  color:#99abb4;
}
.menu-card-icon img{
  width:50px;
}
.menu-card-detail{
  flex:1 1 auto;
}
.menu-card-title{
  margin-bottom:0.5em;
  font-size:16px;
  line-height:1.3;
}
.menu-card-link-edit .menu-card-title{
  padding-right:20px;
}
.menu-card-cols{
  display:grid;
  align-items:center;
  grid-gap:10px;
}
.menu-card-cols-link{
  display:block;
  position:relative;
  padding:0.75rem 0.75rem 0.75rem 45px;
  border:1px solid #d7dfe3;
  border-radius:3px;
  height:100%;
  color:#333;
  transition:background-color 0.15s ease-in-out, color 0.15s ease-in-out;
}
.menu-card-cols-link:hover, .menu-card-cols-link:focus{
  background-color:#f1f3f4;
  color:#333;
}
.menu-card-cols-link .mdi{
  position:absolute;
  top:50%;
  left:8px;
  transform:translateY(-50%);
  font-size:30px;
  color:#99abb4;
}
.menu-card-cols-link-add{
  border-color:#007bff;
  color:#007bff;
}
.menu-card-cols-link-add:hover, .menu-card-cols-link-add:focus{
  background-color:#007bff;
  color:#fff;
}
.menu-card-cols-link-add:hover .mdi, .menu-card-cols-link-add:focus .mdi{
  color:#fff;
}
.menu-card-cols-link-add .mdi{
  color:#007bff;
}
.menu-card-cols-title{
  margin-bottom:0.25em;
  font-size:15px;
  color:inherit;
}

.menu-project-info-header{
  display:flex;
  justify-content:space-between;
  align-items:center;
  margin-bottom:15px;
}
.menu-project-info-image{
  width:50px;
  height:50px;
}
.menu-project-info-image img{
  border-radius:5px;
  max-width:100%;
  height:auto !important;
}
.menu-project-info-dropdown{
  margin-bottom:15px;
}
.menu-project-info-dropdown .dropdown-toggle{
  padding-right:24px;
  width:100%;
}
.menu-project-info-dropdown .dropdown-toggle::after{
  position:absolute;
  top:50%;
  right:10px;
  transform:translateY(-50%);
}
.menu-project-info-name{
  width:calc(100% - 60px);
}
.menu-project-info-list{
  display:flex;
  flex-direction:column;
  gap:1em;
}
.menu-project-info-title{
  color:#99abb4;
}
#messenger .message-box{
  overflow-y:auto;
  padding:10px;
  border:solid 1px #ccc;
  border-radius:3px 3px 0 0;
  min-height:44px;
  max-height:8.5em;
  font-size:16px;
}
#messenger .message-box.disabled{
  background-color:#eee;
}
#messenger .message-box-tool{
  display:flex;
  justify-content:flex-end;
  position:relative;
  padding:5px;
  border:solid 1px #ccc;
  border-top:none;
  border-radius:0 0 3px 3px;
  width:100%;
}
#messenger .message-box-tool > .btn{
  display:flex;
  justify-content:center;
  align-items:center;
  padding:0;
  width:36px;
  min-width:auto;
  height:36px;
  font-size:20px;
  line-height:1;
}
#messenger .message-box-tool > .btn:not(#submit-message){
  background-color:transparent;
}
#messenger .message-box-tool > .btn:not(#submit-message):hover{
  background-color:#dfdfdf;
}
#messenger .message-box-tool > .btn i:not(.fa-paper-plane-o){
  color:#1e88e5;
}
#messenger .message-box-tool > .btn:disabled,
#messenger .message-box-tool > .btn.disabled{
  background-color:#dfdfdf;
  pointer-events:none;
}
#messenger .message-box-tool > .btn + .btn{
  margin-left:5px;
}
#messenger .message-box-tool > .btn i.mdi{
  font-size:20px;
}
#messenger .message-box-tool > .btn i.fa-paper-plane-o{
  position:relative;
  left:-0.05em;
  font-size:16px;
}

.messenger-btn{
  cursor:pointer;
}

.modal-iframe-height-xs iframe{
  max-height:200px;
}
.modal-iframe-height-sm iframe{
  max-height:300px;
}
.modal-iframe-height-md iframe{
  max-height:400px;
}
.modal-iframe-height-lg iframe{
  max-height:500px;
}
.modal-iframe-height-xl iframe{
  max-height:600px;
}
.modal-iframe-height-xxl iframe{
  max-height:700px;
}
.modal-iframe-height-max iframe{
  max-height:800px;
}
.modal-iframe-height-class-student-add iframe{
  max-height:500px;
}
.modal-iframe-height-library-select iframe{
  max-height:600px;
}

.modal iframe{
  border:none;
  width:100%;
  height:calc(100vh - 72px);
  vertical-align:bottom;
}
.os-ios .modal iframe{
  height:calc(100dvh - 72px);
}
.modal-header{
  height:56px;
}
.modal-header .close{
  font-size:20px;
}
.modal-title{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.modal-content{
  border:0;
}
.modal-dialog{
  margin-top:8px;
  margin-bottom:8px;
}
.modal-dialog-centered{
  min-height:calc(100% - 16px);
}
.modal-dialog-scrollable{
  height:calc(100% - 1rem);
}
.modal-dialog-scrollable .modal-content{
  overflow:hidden;
  max-height:100%;
}
.modal-dialog-scrollable .modal-body{
  overflow-x:hidden;
  overflow-y:auto;
}
.modal-footer{
  justify-content:center;
}
.modal-footer .btn{
  min-width:calc(50% - 4px);
}
.modal-card-box{
  margin:0 auto;
  width:100%;
}
.modal-card-box .table tr{
  border-bottom:1px solid #dfdfdf;
}
.modal-card-box .table tr th{
  width:100px;
}
.modal-card-box .table tr td{
  border:0;
}
.modal-card-box .left{
  float:left;
  width:30%;
}
.modal-card-box .left .face-photo{
  cursor:default;
  margin:0 auto;
}
.modal-card-box .right{
  float:right;
  width:60%;
}

#duplication-modal{
  z-index:10050;
}

.news-title{
  cursor:pointer;
  position:relative;
  margin-bottom:30px;
  padding-right:2em;
  border-bottom:1px solid #1e88e5;
}
.news-title::after{
  content:"";
  position:absolute;
  top:50%;
  right:0.5em;
  transform:rotate(-45deg) translate(0, -50%);
  transform-origin:top;
  border-width:1px 0 0 1px;
  border-style:solid;
  border-color:#1e88e5;
  width:8px;
  height:8px;
  transition:transform 0.3s ease-out;
}
.news-title[aria-expanded=true]::after{
  transform:rotate(-135deg) translate(0, -50%);
}

.popup-form-class-student-add .ng-face-list img{
  padding-bottom:5px;
}
.popup-form-class-student-add .ng-face-list-sp{
  max-width:320px;
}
.ng-face-list-sp-class-add-img{
  width:420px;
}
.ng-face-list .ng-face-list-pc{
  display:none;
}

.overlay{
  display:none;
  position:fixed;
  top:0;
  left:0;
  z-index:10040;
  width:100%;
  height:100%;
  background-color:rgba(0, 0, 0, 0.8);
}
#overlay .overlay-box{
  position:fixed;
  top:45%;
  margin-top:auto;
  margin-bottom:auto;
  width:100%;
  font-size:200%;
  text-align:center;
  color:#fff;
}
#picprotectionmode-overlay .overlay-box{
  position:fixed;
  top:45%;
  margin-top:auto;
  margin-bottom:auto;
  width:100%;
  font-size:200%;
  color:#fff;
  text-align:center;
}

#picprotectionmode-overlay{
  position:fixed;
  top:0;
  left:0;
  z-index:10001;
  width:100%;
  height:100%;
  background-color:rgba(20, 20, 20, 0.7);
  line-height:1.3;
}
#picprotectionmode-overlay .ie-only-notice{
  margin-top:20px;
  line-height:1.5;
}

.page-list p{
  margin-bottom:0;
}
.page-list-row{
  border:1px solid #d7dfe3;
  border-radius:4px;
}
.page-list-row:not(:first-child){
  margin-top:10px;
}
.page-list-row-header{
  display:none;
}
.page-list-row-header .mdi::before{
  transform:scale(1.2);
  margin-right:0.25em;
}
.page-list-header{
  display:flex;
  align-items:center;
  padding:0.75rem;
  border-bottom:1px solid #d7dfe3;
  gap:10px;
}
.page-list-checkbox{
  display:flex;
  justify-content:center;
  align-items:center;
}
.page-list-checkbox [type=checkbox] + label{
  margin-bottom:0;
  padding-left:20px;
  height:20px;
  line-height:20px;
}
.page-list-title{
  display:flex;
  flex:1 1 auto;
  justify-content:space-between;
  align-items:center;
}
.page-list-thumbnail{
  position:relative;
  width:40px;
}
.page-list-img{
  border-radius:3px;
  width:40px !important;
  height:40px !important;
}
.page-list-data{
  width:calc(100% - 50px);
  line-height:1.4;
}
.page-list-select, .page-list-manuscript{
  display:grid;
  align-items:center;
  position:relative;
  padding:0.75rem;
  grid-gap:10px;
  grid-template-columns:1fr 170px;
}
.page-list-row-header .page-list-select, .page-list-row-header .page-list-manuscript{
  display:block;
  text-align:center;
}
.page-list-select + .page-list-manuscript::before{
  content:"";
  display:block;
  position:absolute;
  top:0;
  left:0.75rem;
  border-top:1px solid #d7dfe3;
  width:calc(100% - 1.5rem);
}
.page-list-text{
  position:relative;
}
.page-list-sp-label{
  position:absolute;
  top:0;
  left:0;
  transform:translateY(-100%);
  font-size:10px;
  font-weight:700;
  color:#67757c;
}
.page-list-progress{
  text-align:center;
}
.page-list-link-status{
  display:grid;
  grid-template-columns:repeat(2, 1fr);
  grid-gap:10px;
}
.page-list-footer{
  display:flex;
  justify-content:flex-end;
  padding:0.75rem;
  border-top:1px solid #d7dfe3;
  gap:10px;
}
.page-list-btn{
  text-align:center;
}

.pager-box{
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  align-items:center;
  row-gap:10px;
  -moz-column-gap:1rem;
       column-gap:1rem;
}
.delete-mode .pager-box{
  display:none;
}
.pager-box > div{
  display:inline-block;
}
.pager-box .tool-box{
  display:inline-flex;
  position:relative;
  bottom:-5px;
}
.pager-box .pager span{
  display:inline-block;
  padding:0 6px;
  border-radius:12px;
  min-width:24px;
  min-height:24px;
  font-size:12px;
  color:#999;
  line-height:24px;
}
.pager-box .pager span.active{
  background-color:#eee;
  color:#333;
}
.pager-box .pager a span{
  color:#333;
}
.pager-box .pager a span:hover{
  background-color:#eee;
  color:#333;
}
.pager-box .pager-limit{
  display:flex;
  align-items:center;
  -moz-column-gap:0.25rem;
       column-gap:0.25rem;
}
.pager-box .pager-limit .form-control{
  padding:0 10px;
  height:32px !important;
  min-height:32px;
  font-size:14px;
}
.pager-box .pager-limitText{
  flex-shrink:0;
  color:#999;
}

.pagetop{
  position:fixed;
  right:10px;
  bottom:10px;
  z-index:900;
  font-size:250%;
}
.pagetop-link{
  display:flex;
  justify-content:center;
  align-items:center;
  padding-bottom:5%;
  border-radius:50%;
  width:50px;
  height:50px;
  background:rgba(153, 171, 180, 0.8);
  color:#fff;
  text-decoration:none;
  text-align:center;
}
.pagetop-link:hover{
  color:#fff;
  text-decoration:none;
}

.toggle-photo-select-type-box .pending-photo-btn{
  left:-1px;
  border-top-left-radius:0;
  border-bottom-left-radius:0;
}
.toggle-photo-select-type-box .pending-photo-btn::before{
  content:"\f4ce" !important;
  color:#f88600;
}
.toggle-photo-select-type-box .pending-photo-btn.active, .toggle-photo-select-type-box .pending-photo-btn:not(:disabled):hover{
  border-color:#f88600;
  background:#f88600;
  color:#fff;
}
.piczoom-fix-bottom .toggle-photo-select-type-box .pending-photo-btn.active{
  border-color:#f88600;
  background:#f88600;
  color:#fff;
}
.toggle-photo-select-type-box .pending-photo-btn .label{
  right:6px;
  border-color:#f88600 !important;
}
.toggle-photo-select-type-box .pending-photo-btn .label:after{
  right:34px;
  transform:translateX(50%);
}

.photo-block-list{
  display:flex;
  flex-wrap:wrap;
  position:relative;
  margin:0 -2px;
  -webkit-overflow-scrolling:touch;
}
.photo-block-list.photo-block-list-full-width .photo-block.photo-block-s180{
  width:200px;
}
.photo-block-list.photo-block-list-full-width .photo-block.photo-block-s260{
  width:280px;
}
.photo-block-list-center{
  margin:0 auto;
  max-width:816px;
}
.photo-block-list-none{
  display:flex;
  justify-content:center;
  align-items:center;
  padding:15vh 0;
  width:100%;
}
.photo-block-list .loading{
  padding-top:15vh;
  padding-bottom:15vh;
}
.photo-block-list .photo-block{
  margin:0 2px 30px;
}
.delete-mode .photo-block-list .photo-control-box{
  display:none;
}
.delete-mode .photo-block-list .photo-block .photo .zoom{
  display:none;
}
.photo-block-list .photo-block .photo{
  position:relative;
  margin:0 auto;
}
.photo-block-list .photo-block .photo > a,
.photo-block-list .photo-block .photo > div{
  display:flex;
  justify-content:center;
  align-items:center;
  margin:0 auto;
  width:100%;
  height:100%;
  background-color:#f3f3f3;
}
.photo-block-list .photo-block .photo img{
  box-sizing:content-box;
  border:4px solid #fff;
  background-clip:padding-box;
  transition:border-color 0.15s ease-in-out;
}
.photo-block-list .photo-block .photo > a:hover img,
.photo-block-list .photo-block .photo > a:focus img{
  border-color:rgba(0, 123, 255, 0.25);
}
.photo-block-list .photo-block .photo .zoom{
  position:absolute;
  bottom:0;
  left:0;
  padding:0 5px;
  font-size:18px;
  color:#99abb4;
}
.photo-block-list .photo-block .photo a:hover .zoom,
.photo-block-list .photo-block .photo > a:focus .zoom{
  color:#455a64;
}
.photo-block-list .photo-block .photo .manual-edit-btn{
  cursor:pointer;
  outline:none;
  position:absolute;
  bottom:0;
  left:25px;
  padding:6px;
  border:none;
  border-radius:50%;
  background-color:#f3f3f3;
}
.photo-block-list .photo-block .photo .manual-edit-btn svg{
  vertical-align:middle;
}
.photo-block-list .photo-block .photo .manual-edit-btn:hover svg path,
.photo-block-list .photo-block .photo .manual-edit-btn:focus svg path{
  fill:#455a64;
}
.photo-block-list .photo-block .photo .manual-edit-btn.focus,
.photo-block-list .photo-block .photo .manual-edit-btn.active{
  outline:none;
}
.photo-block-list .photo-block .photo .manual-edit-btn img{
  border:none;
}
.photo-block-list .photo-block .photo .label{
  position:absolute;
  right:0;
  bottom:0;
  padding:4px 5px 3px;
  border-radius:0;
  background:rgba(0, 0, 0, 0.35);
  font-size:90%;
  color:#fff;
  line-height:1;
}
.photo-block-list .photo-block .photo .auto-status-icon{
  position:absolute;
  top:6px;
  right:6px;
}
.photo-block-list .photo-block .photo-name-area{
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  margin:10px auto 0;
  color:#16181b;
}
.photo-block-list .photo-block .picture-name{
  width:100%;
}
.photo-block-list .photo-block[data-auto-status=candidate-new] .photo > a,
.photo-block-list .photo-block[data-auto-status=candidate-new] .photo .manual-edit-btn{
  background-color:#f0f9ff;
  background-image:repeating-linear-gradient(135deg, transparent, transparent 4px, #e1f3fe 4px, #e1f3fe 8px);
  background-size:auto auto;
}
.photo-block-list .photo-block.photo-block-s180 .photo{
  width:200px;
  height:200px;
}
.delete-mode .photo-block-list .photo-block.photo-block-s180 .photo a{
  cursor:default;
}
.photo-block-list .photo-block.photo-block-s180 .photo-name-area{
  width:200px;
  height:calc(100% - 258px);
}
.delete-mode .photo-block-list .photo-block.photo-block-s180 .photo-name-area{
  height:calc(100% - 210px);
}
.photo-block-list .photo-block.photo-block-s260 .photo{
  width:280px;
  height:280px;
}
.photo-block-list .photo-block.photo-block-s260 .photo-name-area{
  width:280px;
  height:calc(100% - 338px);
}
.delete-mode .photo-block-list .photo-block.photo-block-s260 .photo-name-area{
  height:calc(100% - 290px);
}
.photo-block-list.manuscript-block .photo-block.photo-block-s180{
  width:calc(25% - 4px) !important;
}
.photo-block-list.manuscript-block .photo-block.photo-block-s180 .photo-name-area{
  align-items:center;
  height:auto;
}

.photo-control-box{
  display:flex;
  justify-content:center;
  align-items:center;
  margin-top:15px;
}
.piczoom-fix-bottom .photo-control-box{
  margin-top:10px;
}

.photo-list-admin{
  display:grid;
  width:calc(100% - 1px);
  grid-template-columns:repeat(2, 1fr);
}
.photo-list-admin-item{
  margin-right:-1px;
  margin-bottom:-1px;
  padding:10px;
  border:1px solid #dfdfdf;
}
.photo-list-admin-header{
  position:relative;
}
.photo-list-admin-header .zoom{
  position:absolute;
  bottom:0;
  left:0;
  padding:0 5px;
  font-size:18px;
  color:#99abb4;
}
.photo-list-admin-thumbnail{
  background-color:#f3f3f3;
}
.photo-list-admin .photo-border{
  width:100%;
  height:auto;
  background:center center/contain no-repeat;
}
.photo-list-admin-body{
  margin-top:10px;
  text-align:center;
  word-break:break-word;
  overflow-wrap:break-word;
}
.photo-list-admin-body [type=checkbox] + label{
  margin-bottom:0;
}

.photolist-by-face{
  justify-content:flex-end;
}
.photolist-by-face .side-content{
  width:540px;
  min-width:540px;
  max-width:540px;
}
.photolist-by-face .side-content .card{
  margin-bottom:0;
  transition:height 0.3s;
}
.photolist-by-face .side-content .card.active{
  border-color:#1e88e5;
}
.photolist-by-face .side-content .card-header,
.photolist-by-face .side-content .card-footer{
  flex:none;
  padding:0.75rem;
  background-color:#fff;
}
.photolist-by-face .side-content .card-header .kaonavi-close,
.photolist-by-face .side-content .card-footer{
  display:none;
}
.photolist-by-face .side-content .card-header .kaonavi-close{
  cursor:pointer;
  opacity:1;
  position:absolute;
  top:0;
  right:0;
  z-index:2;
  padding:1rem;
  border:none;
  background-color:transparent;
  font-size:20px;
}
.photolist-by-face .side-content .card-header .toast-area{
  padding:15px 16px;
}
.photolist-by-face .side-content .card-body{
  overflow-y:auto;
}
.photolist-by-face .side-content .face-photo-list{
  margin-bottom:-20px;
}
.photolist-by-face .side-content.fixed{
  position:fixed;
  top:calc(58px + 1.25rem);
  left:calc(1.25rem - 14px);
}
.photolist-by-face .main-content{
  width:calc(100% - 540px);
  min-width:calc(100% - 540px);
  max-width:calc(100% - 540px);
}
.photolist-by-face .full-width.main-content{
  width:100%;
  min-width:100%;
  max-width:100%;
}

.photo-name-area .picture-name.delete-checkbox-area{
  display:none;
}
.delete-mode .photo-name-area .picture-name.delete-checkbox-area{
  display:block;
}
.photo-name-area .picture-name.delete-checkbox-area > label{
  width:100%;
}
.photo-name-area .picture-name.delete-checkbox-area > label::before, .photo-name-area .picture-name.delete-checkbox-area > label::after{
  top:-0.1em;
}
.delete-mode .picture-name:not(.delete-checkbox-area){
  display:none;
}

#piczoom-overlay{
  z-index:1090;
}
#piczoom-popup{
  z-index:1095;
}
#piczoom-close{
  z-index:1096;
  float:right;
  font-size:44px;
}
#piczoom-popup #highlight-switch{
  height:33px;
}

.above-piczoom{
  z-index:10001 !important;
}

.popover{
  width:300px;
}
.popover-header{
  font-size:inherit;
  font-weight:700;
  color:#333;
  line-height:1.5;
}
.popover-trigger{
  position:relative;
}
.popover-trigger .popover{
  display:block;
  opacity:0;
  transition:opacity 0.2s;
  pointer-events:none;
}
.popover-trigger:hover .popover:not(.disabled){
  opacity:1;
}
.popover-auto-left{
  display:flex;
  justify-content:flex-end;
  position:absolute;
  top:50%;
  left:0;
  z-index:1060;
  transform:translate(-100%, -50%);
  pointer-events:none;
}
.popover-auto-left .bs-popover-left{
  position:relative;
  top:auto;
  left:auto;
  transform:none;
  width:auto;
  min-width:300px;
  max-width:none;
}
.popover-auto-left .bs-popover-left > .arrow{
  top:calc(50% - 4px);
  transform:translateY(-50%);
}
.popover-list > li + li{
  margin-top:0.25em;
}
.popover-list-item{
  position:relative;
  padding-left:1em;
}
.popover-list-item::before{
  content:"・";
  position:absolute;
  top:0;
  left:0;
}

#page-tab-form .popover-auto-left{
  width:800px;
  max-width:calc(100vw - 300px);
}
.preloader-custom{
  position:fixed;
  top:0;
  z-index:99999;
  width:100%;
  height:100%;
  background:#fff;
}

.project-list p{
  margin-bottom:0;
}
.project-list-row{
  border:1px solid #d7dfe3;
  border-radius:4px;
}
.project-list-row:not(:first-child){
  margin-top:10px;
}
.project-list-row-header{
  display:none;
}
.project-list-row-header .mdi::before{
  transform:scale(1.2);
  margin-right:0.25em;
}
.project-list-header{
  display:flex;
  align-items:center;
  padding:0.75rem;
  border-bottom:1px solid #d7dfe3;
  gap:10px;
}
.project-list-checkbox{
  display:flex;
  justify-content:center;
  align-items:center;
}
.project-list-checkbox [type=checkbox] + label{
  margin-bottom:0;
  padding-left:20px;
  height:20px;
  line-height:20px;
}
.project-list-title{
  display:flex;
  flex:1 1 auto;
  justify-content:space-between;
  align-items:center;
}
.project-list-thumbnail{
  position:relative;
  width:40px;
}
.project-list-img{
  border-radius:3px;
  width:40px !important;
  height:40px !important;
}
.project-list-data{
  display:grid;
  width:calc(100% - 50px);
  line-height:1.4;
  grid-gap:5px 0;
  grid-template-columns:1fr;
  grid-template-areas:"project-name" "project-notes" "project-messenger";
}
.project-list-name{
  grid-area:project-name;
}
.project-list-notes{
  display:flex;
  flex-wrap:wrap;
  font-size:12px;
  color:rgba(53, 91, 110, 0.5);
  gap:0 1em;
  grid-area:project-notes;
}
.project-list-messenger{
  display:flex;
  align-items:center;
  grid-area:project-messenger;
}
.project-list-count{
  display:flex;
  justify-content:center;
  align-items:center;
  margin-right:5px;
  padding:0 10px;
  border-radius:2em;
  height:18px;
  background:#ea352d;
  font-size:11px;
  color:#fff;
  line-height:1;
}
.project-list-count .mdi{
  margin-right:0.25em;
}
.project-list-body{
  display:grid;
  padding:0.75rem;
  grid-gap:5px 10px;
  grid-template-columns:1fr 110px;
  grid-template-areas:"progress page" "manager page";
}
.project-list-progress{
  text-align:center;
  grid-area:progress;
}
.project-list-manager{
  grid-area:manager;
}
.project-list-page{
  grid-area:page;
}
.project-list-footer{
  display:flex;
  justify-content:flex-end;
  padding:0.75rem;
  border-top:1px solid #d7dfe3;
  gap:10px;
}
.project-list-btn{
  text-align:center;
}
.project-list-faceInfoList{
  display:flex;
  align-items:center;
  margin-right:auto;
}
.project-list-faceInfoList .mdi,
.project-list-faceInfoList i{
  margin-right:0.25em;
  font-size:1rem;
}
.project-list-faceInfoItem{
  display:flex;
  align-items:center;
  line-height:1.25;
}
.project-list-faceInfoItem:last-child{
  margin-left:1rem;
}
.project-list-faceInfoText{
  cursor:default;
}

#side .project-page-block .card{
  margin-bottom:10px;
  height:calc(100% - 10px);
  min-height:160px;
}
.project-page-block .row{
  margin-right:-6px;
  margin-left:-6px;
}
.project-page-block .col-md-6{
  padding-right:6px;
  padding-left:6px;
}
.project-page-btn{
  display:flex;
  justify-content:flex-end;
}
.project-page-btn .btn{
  width:calc(50% - 5px);
  height:40px;
}
.project-page-btn .btn + .btn{
  margin-left:10px;
}
.project-page-operate-btn{
  cursor:pointer;
  outline:none;
  display:flex;
  justify-content:center;
  align-items:center;
  padding:0;
  border:1px solid #99abb4;
  border-radius:50%;
  width:32px;
  height:32px;
  background-color:transparent;
  font-size:22px;
  color:#455a64;
}
.project-page-operate-btn:active, .project-page-operate-btn:hover, .project-page-operate-btn:focus{
  outline:none;
  background-color:#dfdfdf;
}
.project-page-operate-btn .mdi{
  line-height:1;
  pointer-events:none;
}
.project-page-name-with-btn{
  position:relative;
}
.project-page-name-with-btn h4, .project-page-name-with-btn > p{
  padding-right:25px;
}
.project-page-name-with-btn .dropdown{
  position:absolute;
  top:-10px;
  right:-10px;
}
.project-page-table .project-page-name-with-btn .dropdown{
  top:-5px;
  right:-5px;
}

.range-slider-table{
  width:100%;
}
.range-slider-table tr td{
  text-align:center;
  vertical-align:middle;
}
.range-slider-table tr td:first-child, .range-slider-table tr td:last-child{
  width:60px;
}
.range-slider-table tr:last-child td{
  padding-top:0;
  padding-bottom:0;
}

.right-side-toggle-kaonavi{
  position:fixed;
  bottom:38px !important;
  left:0;
  z-index:50;
  overflow:visible;
  padding:0 !important;
  border:none;
  border-radius:6px;
  width:70px;
  background-color:#ffb22b;
}
.right-side-toggle-kaonavi.right-side-toggle-footer-btn{
  bottom:92px !important;
}
.right-side-toggle-kaonavi-icon{
  display:block;
  position:absolute !important;
  top:-6px !important;
  right:-6px;
  left:auto !important;
  border-radius:100%;
  width:26px;
  height:26px;
  font-size:14px;
  line-height:26px;
  text-align:center;
}
.right-side-toggle-kaonavi i{
  position:static;
  animation-name:none;
}
.right-side-toggle-kaonavi img{
  border:3px solid #ffb22b;
  border-radius:6px;
  width:70px;
  height:70px;
  font-size:10px;
}
.right-side-toggle-kaonavi .kaonavi-unselect-icon{
  border:3px solid #ffb22b;
  border-radius:6px;
  width:70px;
  height:70px;
  font-size:10px;
}
.right-side-toggle-kaonavi .kaonavi-unselect-icon i{
  font-size:32px;
  line-height:1;
}
.right-side-toggle-messenger{
  display:none;
}

.scroll-table{
  overflow-y:auto;
  border-bottom:1px solid #dfdfdf;
  width:100%;
  max-height:300px;
}
.scroll-table table{
  width:100%;
  table-layout:fixed;
}
.scroll-table thead tr th{
  position:sticky;
  top:0;
  z-index:100;
  background:#fff;
}
.scroll-table tbody tr:last-child td{
  border-bottom:none !important;
}

#messenger .search-count-box{
  margin:0 8px 0 0;
}
#messenger .search-up-btn{
  margin:0 8px 0 0;
  height:20px;
  font-size:16px;
  color:#7a919d;
  line-height:0;
}
#messenger .search-down-btn{
  margin:0 8px 0 0;
  height:20px;
  font-size:16px;
  color:#7a919d;
  line-height:0;
}
#messenger .search-clear-btn{
  cursor:pointer;
  display:inline-block;
  margin-bottom:3px;
  padding-left:4px;
  height:20px;
  font-size:20px;
  color:#7a919d;
  line-height:0;
  vertical-align:middle;
}
.search-box{
  display:inline-block;
  position:relative;
  padding:5px 10px;
  border-radius:4px;
  background-color:#f6f6f6;
}
.search-box input{
  padding-left:30px;
  border:none;
  width:300px;
  height:30px;
  background:transparent;
}
.search-box .search-btn{
  position:absolute;
  top:12px;
  left:11px;
  float:left;
  font-size:120%;
}

#messenger #search-box-input{
  width:270px;
}

.searchForm-item:not(:first-child){
  margin-top:3rem;
}
.searchForm-title{
  padding-bottom:0.5em;
  border-bottom:1px solid #d7dfe3;
  font-size:1.6rem;
}
.searchForm-title img,
.searchForm-title .mdi{
  margin-right:0.25em;
  line-height:1;
  vertical-align:middle;
}
.searchForm-title img::before,
.searchForm-title .mdi::before{
  font-size:1.2em;
}
.searchForm-title img{
  width:1.2em;
  height:auto;
}
.searchForm-title .mdi::before{
  font-size:1.2em;
}
.searchForm-form{
  margin-bottom:-1rem;
}
.searchForm-form [class*=col-]{
  margin-bottom:1rem;
}
.searchForm-form .row{
  align-items:center;
}
.searchForm-form label{
  margin-bottom:4px;
}
.searchResult-btn{
  margin-bottom:10px;
}
.searchResult-detail{
  display:flex;
  align-items:center;
  line-height:1.4;
}
.searchResult-title{
  flex-shrink:0;
  color:#99abb4;
}
.searchResult-list{
  display:flex;
  flex-wrap:wrap;
}
.searchResult-item:not(:first-child)::before{
  content:"、";
}
.searchResult-count{
  margin-top:10px;
  margin-left:auto;
  line-height:1.2;
}
.searchResult-number{
  font-size:20px;
}

.select-areas-focused-area ~ .select-areas-outline{
  outline:none;
  background:none;
}
.select-areas-outline{
  outline:1px solid #1e88e5;
  opacity:1 !important;
  background-color:#1e88e5;
  background-image:none;
}
.select-areas-delete-area{
  width:30px;
  height:30px;
  background-size:cover;
}
.select-areas-resize-handler{
  opacity:1 !important;
  z-index:102 !important;
  border-radius:50%;
  background-color:#1e88e5;
}

.toggle-photo-select-type-box .selected-photo-btn{
  border-top-right-radius:0;
  border-bottom-right-radius:0;
}
.toggle-photo-select-type-box .selected-photo-btn::before{
  content:"\f5e0" !important;
  color:#ea352d;
}
.toggle-photo-select-type-box .selected-photo-btn.active, .toggle-photo-select-type-box .selected-photo-btn:not(:disabled):hover{
  border-color:#ea352d;
  background:#ea352d;
  color:#fff;
}
.piczoom-fix-bottom .toggle-photo-select-type-box .selected-photo-btn.active{
  border-color:#ea352d;
  background:#ea352d;
  color:#fff;
}
.toggle-photo-select-type-box .selected-photo-btn .label{
  left:7px;
  border-color:#ea352d !important;
}
.toggle-photo-select-type-box .selected-photo-btn .label:after{
  left:34px;
  transform:translateX(-50%);
}

.settings-table > tbody > tr > th{
  border-top:1px solid #dfdfdf;
  width:220px;
  font-weight:700;
  color:#67757c;
  text-align:center;
  vertical-align:middle;
}
.settings-table > tbody > tr:only-child th,
.settings-table > tbody > tr:only-child td{
  border-top:none;
}
.settings-table > tbody > tr > th,
.settings-table > tbody > tr > td{
  border-top:1px solid #dfdfdf;
}

.dropdown-menu.dropdown-menu-scroll .slimscrollright{
  max-height:342px;
}

.sort-direction{
  cursor:pointer;
  display:inline-block;
  border:1px solid #99abb4;
  border-radius:50%;
  width:36px;
  height:36px;
  font-size:20px;
  line-height:36px;
  text-align:center;
}
.sort-direction:hover, .sort-direction:focus{
  background-color:#f1f3f4;
}
.sort-direction a{
  display:block;
  width:100%;
  height:100%;
  color:#455a64;
}

.stepTitle{
  display:flex;
  align-items:center;
  margin-bottom:20px;
}
.stepTitle-order{
  margin-right:10px;
}
.stepTitle-main{
  font-size:21px;
  color:#455a64;
}
.stepTitle-sub{
  margin-bottom:0;
  font-size:13px;
  color:#67757c;
}
.student-face-change-column-before{
  position:sticky;
  top:-1rem;
  z-index:10;
  margin-top:-1rem;
  padding-top:1rem;
  padding-bottom:1rem;
  border-bottom:1px solid #ccc;
  background-color:#fff;
}
.student-face-change-column-after{
  padding-top:16px;
}

.student-face-change-list-table{
  max-width:none;
}
.student-face-change-list-table th,
.student-face-change-list-table td{
  vertical-align:middle;
}
.student-face-change-list-table td{
  height:141px;
}
.student-face-change-list-table .student-order-num-td{
  text-align:center;
}
.student-face-change-list-table .student-photo-before-td .face-photo,
.student-face-change-list-table .student-photo-after-td .face-photo{
  margin:0 auto;
}
.student-face-change-list-table .student-photo-arrow-td{
  font-size:28px;
  color:#67757c;
  text-align:center;
}
.student-face-change-list-table .student-image-change-td{
  text-align:center;
}

.student-face-list-table{
  max-width:none;
}
.student-face-list-table td{
  height:141px;
  vertical-align:middle;
}
.student-face-list-table .student-image.gray{
  opacity:0.8;
  background-color:#fff;
}

.swal-modal-lg, .swal-modal:has(.swal-content-lg){
  width:calc(100% - 20px);
  max-width:800px;
}
.swal-icon--custom img[src$="icon_spinner.svg"]{
  animation:fa-spin 1s infinite steps(8);
}
.swal-icon--custom img[src$="icon-kaotan-mark.svg"]{
  width:88px;
}
.swal-title{
  font-size:16px;
  font-weight:normal;
  color:#455a64;
  line-height:1.8;
}
.swal-title:first-child{
  margin-top:13px;
}
.swal-title:not(:first-child){
  padding-top:0;
}
.swal-text, .swal-content{
  font-size:14px;
  color:#455a64;
}
.swal-text{
  text-align:left;
}
.swal-content .table{
  font-size:13px;
  color:#67757c;
  text-align:left;
}
.swal-content .table th{
  font-weight:700;
}
.swal-content .alert li{
  margin-left:0;
  padding-bottom:0;
  text-indent:0;
}
.swal-footer{
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
}
.swal-button-container{
  flex:0 1 auto;
  min-width:160px;
  white-space:nowrap;
}
.swal-button{
  padding:0.6em 1em;
  border-radius:4px;
  width:100%;
  background-color:#eee !important;
  font-size:15px;
  font-weight:400;
}
.swal-button.disabled{
  opacity:0.5;
  box-shadow:none !important;
  pointer-events:none;
}
.swal-button:focus{
  box-shadow:0 0 0 1px #fff, 0 0 0 3px rgba(238, 238, 238, 0.75);
}
.swal-button:not(.swal-button--loading){
  color:#333;
}
.swal-button:not(.swal-button--confirm) ~ .swal-button__loader div{
  background-color:rgba(69, 90, 100, 0.5);
}
.swal-button--confirm{
  background-color:#f88600 !important;
}
.swal-button--confirm:focus{
  box-shadow:0 0 0 1px #fff, 0 0 0 3px rgba(248, 134, 0, 0.3);
}
.swal-button--confirm.danger{
  background-color:#ea352d !important;
}
.swal-button--confirm.danger:focus{
  box-shadow:0 0 0 1px #fff, 0 0 0 3px rgba(234, 53, 45, 0.3);
}
.swal-button--confirm:not(.swal-button--loading){
  color:#fff;
}
.swal-overlay{
  z-index:10060;
}
@keyframes fa-spin{
  0%{
    transform:rotate(0deg);
  }
  100%{
    transform:rotate(359deg);
  }
}

.table thead tr th,
.table thead tr td,
.table tbody tr th,
.table tbody tr td{
  vertical-align:middle;
}
.table thead tr th,
.table tbody tr th{
  font-weight:700;
  color:#67757c;
}
.table thead > tr > th{
  position:sticky;
  top:45px;
  z-index:800;
  background-color:#fff;
}
.table-responsive .table thead > tr > th{
  top:0;
}
.table thead > tr > th::before{
  content:"";
  display:block;
  position:absolute;
  top:0;
  left:0;
  z-index:-1;
  border-bottom:1px solid #dfdfdf;
  width:100%;
  height:100%;
}
.tableUtility + .table thead > tr > th{
  top:103px;
}
.popup-form-body .tableUtility + .table thead > tr > th{
  top:38px;
}
.popup-form-body .table thead > tr > th{
  top:-20px;
}
.modal-body .table thead > tr > th, .swal-modal .table thead > tr > th, .scroll-table .table thead > tr > th{
  top:0;
}
.table thead + tbody tr:first-child th,
.table thead + tbody tr:first-child td{
  border-top:none;
}
.table tbody + tbody{
  border:none;
}
.table tr > th .icon,
.table tr > th .badge{
  margin-left:8px;
}
.table td,
.table th{
  border-color:#dfdfdf;
}
.table:not(.table-borderless) tbody tr:last-child th,
.table:not(.table-borderless) tbody tr:last-child td{
  border-bottom:1px solid #dfdfdf;
}
.table:not(.table-borderless) tbody tr th{
  border-top:1px solid #dfdfdf;
}
.table:not(.table-borderless) tbody:last-child th[rowspan],
.table:not(.table-borderless) tbody:last-child td[rowspan]{
  border-bottom:1px solid #dfdfdf;
}
.table-selectable tbody tr td{
  cursor:pointer;
}
.table-selectable .selected{
  background-color:#e8f3fc !important;
  color:#1e88e5 !important;
}
.table-clickable{
  padding:0 !important;
  height:100%;
}
.table-title-icon{
  display:flex;
  justify-content:space-between;
  align-items:center;
}
.table-title-icon .image{
  width:40px;
}
.table-title-icon .image img{
  border-radius:3px;
  width:100% !important;
  height:auto !important;
}
.table-title-icon .text{
  width:calc(100% - 50px);
}

.td-checkbox,
.td-radio{
  width:42px;
}

.td-checkbox [type=checkbox] + label,
.td-radio [type=radio] + label{
  margin-bottom:0;
  padding-left:18px !important;
  height:18px !important;
  line-height:18px !important;
}

.td-disabled{
  color:#99abb4;
}

.td-icon{
  display:inline-flex;
  align-items:center;
  position:relative;
  margin-right:0.25em;
  height:100%;
  -moz-column-gap:0.25em;
       column-gap:0.25em;
}
.td-icon::before{
  font-size:1.2em !important;
}
.td-icon-upload::before{
  content:"\f5e1";
  font-family:"Material Design Icons";
  font-size:inherit;
  font-weight:normal;
  line-height:1;
  text-rendering:auto;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
}
.td-icon-stop::before{
  content:"\f5d6";
  font-family:"Material Design Icons";
  font-size:inherit;
  font-weight:normal;
  line-height:1;
  text-rendering:auto;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  color:#ffb22b;
}
.td-icon-error::before{
  content:"\f6bc";
  font-family:"Material Design Icons";
  font-size:inherit;
  font-weight:normal;
  line-height:1;
  text-rendering:auto;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  color:#ea352d;
}
.td-icon-success::before{
  content:"\f5e1";
  font-family:"Material Design Icons";
  font-size:inherit;
  font-weight:normal;
  line-height:1;
  text-rendering:auto;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  color:#62ae00;
}
.td-icon-check::before{
  content:"\f132";
  font-family:"Material Design Icons";
  font-weight:normal;
  line-height:1;
  text-rendering:auto;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  color:#26a69a;
  font-size:18px !important;
}

.selected-row{
  background-color:rgba(223, 223, 223, 0.8);
}

.caution-row{
  background-color:#f8d7da;
  color:#721c24;
}

.tablesorter > thead > tr > th{
  transition:color 0.3s;
}
.tablesorter > thead > tr > th:has(a), .tablesorter > thead > tr > th:has(.tablesorter-header-inner){
  cursor:pointer;
}
.device-PC .tablesorter > thead > tr > th:has(a):hover a::after, .device-PC .tablesorter > thead > tr > th:has(a):focus a::after, .device-PC .tablesorter > thead > tr > th:has(a):active a::after, .device-PC .tablesorter > thead > tr > th:has(.tablesorter-header-inner):hover a::after, .device-PC .tablesorter > thead > tr > th:has(.tablesorter-header-inner):focus a::after, .device-PC .tablesorter > thead > tr > th:has(.tablesorter-header-inner):active a::after{
  opacity:1;
}
.tablesorter > thead > tr > th a{
  text-decoration:underline !important;
  color:#67757c;
}
.tablesorter > thead > tr > th a::after{
  float:right;
  margin-left:5px;
}
.tablesorter > thead > tr > th a::after,
.tablesorter > thead > tr > th .tablesorter-header-inner::after{
  font-size:1.2em !important;
  color:#007bff;
}
.tablesorter-header-inner{
  display:flex;
  justify-content:space-between;
  align-items:center;
  -moz-column-gap:0.25em;
       column-gap:0.25em;
}
.tablesorter-header-inner > span{
  text-decoration:underline;
}
.device-PC .tablesorter-headerUnSorted:not(.sorter-false) > a::after,
.device-PC .tablesorter-headerUnSorted:not(.sorter-false) > .tablesorter-header-inner::after{
  opacity:0;
  transition:opacity 0.15s;
}
.device-PC .tablesorter-headerUnSorted:not(.sorter-false):hover > a::after,
.device-PC .tablesorter-headerUnSorted:not(.sorter-false):hover > .tablesorter-header-inner::after, .device-PC .tablesorter-headerUnSorted:not(.sorter-false):focus > a::after,
.device-PC .tablesorter-headerUnSorted:not(.sorter-false):focus > .tablesorter-header-inner::after{
  opacity:1;
}
.tablesorter-headerUnSorted-asc:not(.sorter-false) > a::after,
.tablesorter-headerUnSorted-asc:not(.sorter-false) > .tablesorter-header-inner::after{
  content:"\f05d";
  font-family:"Material Design Icons";
  font-size:inherit;
  font-weight:normal;
  line-height:1;
  text-rendering:auto;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
}
.tablesorter-headerUnSorted-desc:not(.sorter-false) > a::after,
.tablesorter-headerUnSorted-desc:not(.sorter-false) > .tablesorter-header-inner::after{
  content:"\f045";
  font-family:"Material Design Icons";
  font-size:inherit;
  font-weight:normal;
  line-height:1;
  text-rendering:auto;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
}
.tablesorter-headerAsc > a::after,
.tablesorter-headerAsc > .tablesorter-header-inner::after, .tablesorter-headerDesc > a::after,
.tablesorter-headerDesc > .tablesorter-header-inner::after{
  font-family:"Material Design Icons";
  font-size:inherit;
  font-weight:normal;
  line-height:1;
  text-rendering:auto;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  opacity:1;
}
.tablesorter-headerAsc > a::after,
.tablesorter-headerAsc > .tablesorter-header-inner::after{
  content:"\f05d";
}
.tablesorter-headerDesc > a::after,
.tablesorter-headerDesc > .tablesorter-header-inner::after{
  content:"\f045";
}

.tableUtility{
  display:flex;
  align-items:center;
  position:sticky;
  top:45px;
  z-index:801;
  margin-right:-10px;
  margin-left:-10px;
  padding:10px 10px;
  height:58px;
  background-color:#fff;
}
.popup-form-body .tableUtility{
  top:-20px;
}
.tableUtility-search{
  width:100%;
  max-width:560px;
}
.detail-header + .detail-body > .tableUtility{
  margin-top:-10px;
}
.tableUtility > .dropdown:not(:last-child),
.tableUtility > .btn:not(:last-child){
  margin-right:0.6rem;
}
.tableUtility > .formRow:not(:last-child){
  margin-right:0.3rem;
}

.table .tdChild{
  padding-left:24px;
}

.text-btn-area{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:0.25rem;
}
.table-clickable .text-btn-area{
  padding:0.75rem;
  height:100%;
}
.text-btn-area > a,
.text-btn-area > button{
  margin-left:10px;
  padding:0;
  border:none;
  background-color:transparent;
  line-height:1;
}
.text-btn-area > button:hover,
.text-btn-area > button:focus,
.text-btn-area > button:active{
  outline:none;
}
table td .text-btn-area > a, table td .text-btn-area > button{
  margin-top:-2px;
  margin-bottom:-2px;
}

.title-lg{
  font-size:21px;
  line-height:30px;
}
.title-lgLine{
  display:flex;
  position:relative;
  margin-bottom:30px;
  border-bottom:1px solid #dfdfdf;
}
.title-lgLineText{
  display:inline-block;
  margin-bottom:-1px;
  padding:0 0.5em 0.25em 0;
  border-bottom:1px solid #1e88e5;
  font-size:21px;
}
.title-lgLineText .btn:not(.btn-help-text){
  font-size:13px;
}
.title-lgLineBtn{
  flex-shrink:0;
  align-self:flex-start;
  margin-bottom:5px;
  margin-left:auto;
  padding-left:5px;
}
.title-lgLineBtn .btn{
  font-size:13px;
}
.title-sm{
  font-size:15.6px;
  line-height:22px;
}
:not([class^=title-]):not(input[type=hidden]) + .title-sm{
  margin-top:30px;
}
.title-smLine{
  margin-bottom:30px;
  padding-bottom:4px;
  border-bottom:1px solid #dfdfdf;
  font-size:15.6px;
}
:not([class^=title-]):not(input[type=hidden]) + .title-smLine{
  margin-top:30px;
}
.title-smLine .mdi{
  display:inline-block;
  margin-right:0.25em;
  width:1.2em;
  text-align:center;
}
.title-smLine .mdi::before{
  transform:scale(1.2);
}
* + .title-newsLg{
  margin-top:30px;
}
* + .title-newsMd{
  margin-top:30px;
}
* + .title-newsSm{
  margin-top:20px;
}
* + .title-newsXs{
  margin-top:15px;
}

.title-context-menu{
  cursor:pointer;
  display:inline-block;
  position:relative;
  padding:3px 26px 3px 0;
  border-radius:4px;
}
.title-context-menu:hover{
  background-color:#f1f3f4;
}
.title-context-menu .mdi{
  position:absolute;
  top:50%;
  right:5px;
  transform:translateY(-50%);
}

.toast{
  opacity:0;
  position:relative;
  margin-bottom:0;
  padding:12px 16px;
  border:none;
  border-radius:2px;
  background-color:#1e88e5;
  font-size:14px;
  color:#fff;
  transition:opacity 0.15s;
}
.toast-area{
  display:flex;
  justify-content:center;
  position:absolute;
  top:0;
  left:0;
  z-index:2;
  padding:10px;
  width:100%;
  pointer-events:none;
}
.toast.show{
  opacity:1;
  pointer-events:auto;
}
.toast .close{
  cursor:pointer;
  opacity:1;
  position:absolute;
  top:-2px;
  right:0;
  padding:2px 6px;
  font-family:arial, sans-serif;
  font-size:20px;
  font-weight:400;
  color:#fff;
  text-shadow:none;
}

.toggle-photo-select-type-box{
  display:flex;
  justify-content:center;
  align-items:center;
}
.toggle-photo-select-type-box .btn{
  outline:none;
  display:flex;
  justify-content:center;
  align-items:center;
  position:relative;
  border-color:#99abb4;
  width:83px;
  background-color:transparent;
  color:#333;
}
.toggle-photo-select-type-box .btn::before{
  content:"";
  display:inline-block;
  margin-right:0.25em;
  margin-left:-0.25em;
  font:normal normal normal 1.25em/1 "Material Design Icons";
}
.piczoom-fix-bottom .toggle-photo-select-type-box .btn{
  border-color:#fff;
  color:#fff;
}
.toggle-photo-select-type-box .btn:not(:disabled):hover{
  z-index:2;
}
.toggle-photo-select-type-box .btn:not(:disabled):hover::before{
  color:#fff;
}
.toggle-photo-select-type-box .btn:disabled::before{
  color:#99abb4;
}
.piczoom-fix-bottom .toggle-photo-select-type-box .btn:disabled{
  opacity:1;
}
.piczoom-fix-bottom .toggle-photo-select-type-box .btn.disabled{
  opacity:0.55 !important;
}
.piczoom-fix-bottom .toggle-photo-select-type-box .btn:not(.active):disabled{
  border-color:#99abb4;
  color:#99abb4;
}
.toggle-photo-select-type-box .btn.active,
.toggle-photo-select-type-box .btn:not(:disabled):hover{
  opacity:1;
}
.toggle-photo-select-type-box .btn.active{
  cursor:default;
  z-index:3;
}
.toggle-photo-select-type-box .btn.active::before{
  color:#fff;
}
.toggle-photo-select-type-box .btn .label{
  position:absolute;
  top:-14px;
  padding:1px 6px;
  border:1px solid;
  border-radius:1em;
  width:150px;
  background-color:#fff;
  color:#333;
  text-align:center;
}
.toggle-photo-select-type-box .btn .label::after{
  content:"";
  display:block;
  position:absolute;
  bottom:-3px;
  border-width:3px 3px 0 3px;
  border-style:solid;
  border-color:#fff transparent transparent transparent;
  width:0;
  height:0;
}
.piczoom-fix-bottom .toggle-photo-select-type-box .btn .label::after{
  right:auto;
  bottom:-5px;
  left:50%;
  transform:translateY(-50%);
  border-width:4px 4px 0 4px;
}
.piczoom-fix-bottom .toggle-photo-select-type-box .btn .label{
  top:-12px;
  right:auto;
  left:10px;
  padding:2px 8px;
  width:calc(100% - 20px);
  height:18px;
}
.toggle-photo-select-type-box .btn .label .text-truncate{
  display:block;
}

.tool-box{
  display:flex;
  align-items:center;
}
.tool-box .btn{
  padding-top:8px;
  padding-bottom:8px;
  height:36px;
}
.tool-box input[type=checkbox] + label{
  font-size:1rem;
}
.tool-box-group{
  display:flex;
  flex-wrap:wrap;
  margin:0 -5px -10px;
}
.tool-box-group > .tool-box{
  margin:0 5px 10px;
}
.tool-box-title-group-detail h3{
  max-width:23em;
}
.tool-box-title-group-detail .tool-box-btn-photo{
  margin-right:auto;
}
.tool-box-title-group-common h3{
  max-width:calc(100vw - 550px);
}

.tooltip{
  font-size:90%;
}

.tooltipster-sticky-area#update-tooltip::before{
  content:"";
  display:block;
  position:absolute;
  bottom:-12px;
  left:50%;
  transform:translate(-50%, 0) rotate(-90deg);
  border-width:8px 8px 8px 0;
  border-style:solid;
  border-color:transparent rgba(0, 0, 0, 0.8) transparent transparent;
  width:0;
  height:0;
}

.tooltipster-base#update-tooltip{
  position:absolute;
  top:-54px;
  left:10px;
}

.ui-widget-header{
  border-top:none;
  border-right:none;
  border-bottom:1px solid #dfdfdf;
  border-left:none;
  border-bottom-right-radius:0;
  border-bottom-left-radius:0;
  background:#fff;
  font-size:120%;
  font-weight:400;
  color:#455a64;
}
.ui-widget-content{
  border-color:#dfdfdf;
  font-size:13px;
  color:#333;
}
.ui-widget-content .btn-success,
.ui-widget-content .btn-danger{
  color:#fff;
}
.ui-dialog{
  z-index:10003;
  padding:0;
  max-width:calc(100% - 16px);
}
.ui-dialog .ui-dialog-titlebar{
  padding:1rem 62px 1rem 1rem;
}
.ui-dialog .ui-dialog-title{
  margin:0;
  width:100%;
}
.ui-dialog .ui-dialog-titlebar-close{
  cursor:pointer;
  outline:none;
  display:flex;
  justify-content:center;
  align-items:center;
  opacity:0.5;
  top:0;
  right:0;
  margin:0;
  border:none;
  width:52px;
  height:100%;
  background:transparent;
  font-size:20px;
  text-shadow:0 1px 0 #fff;
}
.ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus{
  opacity:0.75;
}
.ui-dialog .ui-dialog-titlebar-close::before{
  content:"\f156";
  font-family:"Material Design Icons";
  font-weight:normal;
  line-height:1;
  text-rendering:auto;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  font-size:20px;
}
.ui-dialog .ui-dialog-content{
  padding:1rem;
}
.ui-dialog .ui-dialog-content#delivery-agreement-dialog{
  overflow-y:auto;
  max-height:calc(100dvh - 150px) !important;
}
.ui-dialog .ui-dialog-buttonpane{
  margin-top:0;
  padding:1rem;
}
.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset{
  display:flex;
  justify-content:flex-end;
  float:none;
}
.ui-dialog .ui-dialog-buttonpane button{
  margin:0;
  min-width:130px;
  font-size:110%;
}
.ui-dialog .ui-dialog-buttonpane button:not(:first-child){
  margin-left:0.5em;
}
.ui-widget-content.ui-autocomplete .ui-menu-item-wrapper{
  padding:0.375rem 0.75rem;
  font-size:1rem;
}
.ui-widget-content.ui-autocomplete .ui-menu-item-wrapper:hover, .ui-widget-content.ui-autocomplete .ui-menu-item-wrapper.ui-state-active{
  border-color:#1967d2;
  background:#1967d2;
  color:#fff;
}

.column-width-m{
  width:160px;
}
.column-width-s{
  width:100px;
}
.column-width-xs{
  width:70px;
}

.cursor-default{
  cursor:default !important;
}

.display-none{
  display:none;
}

.dispaly-none{
  display:none;
}

.d-grid{
  display:grid;
}

@keyframes pulse{
  from{
    opacity:1;
  }
  to{
    opacity:0.8;
  }
}
.ex-blinking{
  animation:pulse 0.3s ease-in-out 0s infinite alternate;
}

.flex-wrap{
  flex-wrap:wrap !important;
}

html body .font-11{
  font-size:11px;
}
html body .font-12{
  font-size:12px;
}
html body .font-13{
  font-size:13px;
}
html body .font-40{
  font-size:40px;
}

.gap-0{
  gap:0;
}
.gap-1{
  gap:5px;
}
.gap-2{
  gap:10px;
}
.gap-3{
  gap:15px;
}
.gap-4{
  gap:20px;
}
.gap-5{
  gap:30px;
}

.m-t-10{
  margin-top:10px;
}

.m-b-10{
  margin-bottom:10px;
}

.m-t-30{
  margin-top:30px;
}

.m-b-30{
  margin-bottom:30px;
}

.m-t-50{
  margin-top:50px;
}

.m-b-50{
  margin-bottom:50px;
}

.m-t-100{
  margin-top:100px;
}

.m-b-100{
  margin-bottom:100px;
}

.min-w-auto{
  min-width:auto !important;
}
.min-w-100{
  min-width:100% !important;
}

.min-w-2em{
  min-width:2em !important;
}

.min-w-4em{
  min-width:4em !important;
}

.min-w-6em{
  min-width:6em !important;
}

.min-w-8em{
  min-width:8em !important;
}

.min-w-10em{
  min-width:10em !important;
}

.min-w-12em{
  min-width:12em !important;
}

.min-w-14em{
  min-width:14em !important;
}

.min-w-16em{
  min-width:16em !important;
}

.min-w-18em{
  min-width:18em !important;
}

.min-w-20em{
  min-width:20em !important;
}

.min-w-22em{
  min-width:22em !important;
}

.min-w-24em{
  min-width:24em !important;
}

.min-w-26em{
  min-width:26em !important;
}

.min-w-28em{
  min-width:28em !important;
}

.min-w-30em{
  min-width:30em !important;
}

.notice{
  color:#ea352d;
}

.p-r-5{
  padding-right:5px;
}

.p-b-50{
  padding-bottom:50px;
}

.position-top{
  top:0;
}
.position-bottom{
  bottom:0;
}
.position-left{
  left:0;
}
.position-right{
  right:0;
}

.text-danger{
  color:#ea352d !important;
}
.text-normal{
  color:#62ae00 !important;
}
.text-overflow-ellipsis{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.text-break{
  word-break:break-all;
}

.w-2em{
  width:2em !important;
}

.w-4em{
  width:4em !important;
}

.w-6em{
  width:6em !important;
}

.w-8em{
  width:8em !important;
}

.w-10em{
  width:10em !important;
}

.w-12em{
  width:12em !important;
}

.w-14em{
  width:14em !important;
}

.w-16em{
  width:16em !important;
}

.w-18em{
  width:18em !important;
}

.w-20em{
  width:20em !important;
}

.w-22em{
  width:22em !important;
}

.w-24em{
  width:24em !important;
}

.w-26em{
  width:26em !important;
}

.w-28em{
  width:28em !important;
}

.w-30em{
  width:30em !important;
}

.w-fit{
  width:-moz-fit-content;
  width:fit-content;
}

.w-5{
  width:5% !important;
}

.w-10{
  width:10% !important;
}

.w-15{
  width:15% !important;
}

.w-20{
  width:20% !important;
}

.w-30{
  width:30% !important;
}

.w-35{
  width:35% !important;
}

.w-40{
  width:40% !important;
}

.w-45{
  width:45% !important;
}

.w-55{
  width:55% !important;
}

.w-60{
  width:60% !important;
}

.w-65{
  width:65% !important;
}

.w-70{
  width:70% !important;
}

.w-75{
  width:75% !important;
}

.w-80{
  width:80% !important;
}

.w-85{
  width:85% !important;
}

.w-90{
  width:90% !important;
}

.w-95{
  width:95% !important;
}

@media (min-width: 350px){
  .card-box{
    grid-template-columns:100px calc(100% - 120px);
  }}

@media (min-width: 380px){
  .modal-iframe-height-class-student-add iframe{
    max-height:560px;
  }}

@media (min-width: 430px){
  .popup-form-class-student-add .dropify-wrapper:not(.touch-fallback){
    min-height:180px;
  }
  .modal-iframe-height-class-student-add iframe{
    max-height:510px;
  }
  .modal-dialog-class-student-add{
    max-width:550px;
  }
  .ng-face-list .ng-face-list-pc{
    display:block;
  }
  .ng-face-list .ng-face-list-sp{
    display:none;
  }}

@media (min-width: 560px){
  .pagetop{
    right:20px;
    bottom:20px;
  }
  .pagetop-link{
    width:60px;
    height:60px;
  }}

@media (min-width: 576px){
  .face-count-table-list .album-class-block h4 .album-class-name{
    max-width:calc(100vw - 120px);
  }
  .swap-box-body-right .tableUtility{
    flex-direction:row;
    align-items:center;
    height:58px;
  }
  .swap-box-body-right .input-search{
    margin-right:0 !important;
    margin-bottom:0;
    margin-left:auto;
  }
  .card-box .count{
    top:-8px;
    right:-8px;
    padding:0 6px;
    min-width:28px;
    height:28px;
  }
  .offcanvas .face-count-table > thead > tr > th:nth-child(1)::before{
    border-right:1px solid #dfdfdf;
  }
  .offcanvas .face-count-table > thead > tr > th:nth-child(2){
    left:210px;
    z-index:802 !important;
  }
  .show-all .face-count-table > thead > tr > th:nth-child(2)::before{
    content:"";
    display:block;
    position:absolute;
    top:0;
    border-right:none;
    border-bottom:1px solid #dfdfdf;
    height:100%;
  }
  .show-all .offcanvas-body .face-count-table > thead > tr > th:nth-child(2)::before{
    content:"";
    display:block;
    position:absolute;
    top:0;
    border-right:4px double #dfdfdf;
    height:100%;
  }
  .offcanvas .face-count-table > tbody > tr > th:nth-child(1)::before, .offcanvas .face-count-table > tbody > tr td:nth-child(1)::before{
    border-right:1px solid #dfdfdf;
  }
  .offcanvas .face-count-table > tbody > tr > th:nth-child(2), .offcanvas .face-count-table > tbody > tr td:nth-child(2){
    left:210px;
    z-index:801;
  }
  .show-all .face-count-table > tbody > tr > th:nth-child(2)::before, .show-all .face-count-table > tbody > tr td:nth-child(2)::before{
    display:none;
  }
  .show-all .offcanvas-body .face-count-table > tbody > tr > th:nth-child(2)::before, .show-all .offcanvas-body .face-count-table > tbody > tr td:nth-child(2)::before{
    content:"";
    display:block;
    position:absolute;
    top:0;
    left:0;
    z-index:-1;
    border-right:4px double #dfdfdf;
    width:100%;
    height:100%;
  }
  .face-count-utility{
    margin:-1rem -20px 0;
    padding:1rem 20px 8px;
  }
  .list-step{
    grid-template-columns:repeat(auto-fit, minmax(20%, 1fr));
  }
  .swap-box-nav .list-step-item{
    min-width:160px;
  }
  .manual-edit-footer{
    margin:0 calc(-1.25rem - 1px);
    padding:10px calc(1.25rem + 1px);
  }
  .modal-dialog-scrollable{
    height:calc(100% - 3.5rem);
  }
  .page-list-text{
    display:flex;
    align-items:center;
    gap:10px;
  }
  .page-list-sp-label{
    flex-shrink:0;
    position:static;
    transform:none;
    margin-right:auto;
    width:8.5em;
    font-size:13px;
  }
  .page-list-progress{
    flex:1 1 auto;
  }
  .photo-list-admin{
    grid-template-columns:repeat(auto-fill, minmax(180px, 1fr));
  }
  .project-list-data{
    grid-template-columns:1fr auto;
    grid-template-areas:"project-name project-messenger" "project-notes project-messenger";
  }
  .project-list-messenger{
    margin-left:5px;
  }
  .project-list-faceInfoText{
    white-space:nowrap;
  }}

@media screen and (min-width: 600px) and (max-width: 1200px){
  .side-content .col-md-6{
    width:50%;
    min-width:50%;
    max-width:50%;
  }}

@media (min-width: 768px){
  .mini-sidebar .footer{
    left:0;
  }
  .nav-pills{
    margin-bottom:30px;
  }
  .topbar .top-navbar{
    height:55px;
    min-height:55px;
  }
  .topbar .top-navbar .navbar-header{
    width:180px;
  }
  .topbar .top-navbar .navbar-collapse{
    width:calc(100% - 250px);
  }
  .topbar .top-navbar .navbar-nav{
    justify-content:flex-end;
    padding:5px;
    gap:5px;
  }
  .topbar .top-navbar .navbar-nav > .navbar-item-project-info{
    display:flex;
    justify-content:flex-end;
  }
  .topbar .top-navbar .navbar-nav > .navbar-item-setting, .topbar .top-navbar .navbar-nav > .navbar-item-form, .topbar .top-navbar .navbar-nav > .navbar-item-tel{
    display:block;
  }
  .topbar .top-navbar .navbar-nav > .navbar-item .navbar-project-info{
    padding:0 10px;
    gap:10px;
  }
  .topbar .top-navbar .navbar-nav > .navbar-item .navbar-project-info .image{
    display:block;
    flex-shrink:0;
    width:28px;
    height:28px;
  }
  .topbar .top-navbar .navbar-nav > .navbar-item .navbar-project-info .text .text-sub{
    font-size:11px;
  }
  .topbar .top-navbar .navbar-nav > .navbar-item .navbar-project-info .text .text-main{
    font-size:14px;
  }
  .topbar .top-navbar .navbar-nav > .navbar-item .dropdown-toggle{
    padding-right:28px !important;
  }
  .topbar .top-navbar .navbar-nav > .navbar-item .dropdown-toggle .navbar-project-info{
    padding:0;
    border-left:none;
  }
  .topbar .top-navbar .navbar-nav > .navbar-item > .navbar-link,
  .topbar .top-navbar .navbar-nav > .navbar-item > .dropdown .navbar-link{
    padding:0 8px;
    border:1px solid #99abb4;
    border-radius:4px;
  }
  .topbar .top-navbar .navbar-nav > .navbar-item > .navbar-link-menu{
    width:60px;
  }
  .topbar .top-navbar .navbar-nav > .navbar-item > .navbar-link-menu .text{
    transform:none;
  }
  .topbar .top-navbar .navbar-nav > .navbar-item > .navbar-link-profile{
    width:auto;
    max-width:170px;
  }
  .topbar .top-navbar .navbar-nav > .navbar-item > .navbar-link-profile.dropdown-toggle::after{
    display:block !important;
  }
  .topbar .top-navbar .navbar-nav > .navbar-item > .navbar-link-profile .name{
    display:block;
    padding-left:10px;
    width:calc(100% - 30px);
    font-size:14px;
  }
  .btn-pc-detail{
    padding:8px 12px;
    width:auto;
    font-size:90%;
  }
  .btn-pc-detail::after{
    display:inline-block;
  }
  .btn-pc-detail-text{
    display:inline;
  }
  .btn-pc-detail .mdi:not(.mdi-account-key){
    margin-right:5px;
    margin-left:-3px;
    color:#99abb4 !important;
  }
  .btn-pc-detail .mdi-account-key{
    display:inline-block;
  }
  .card-grid{
    grid-template-columns:repeat(2, 1fr);
  }
  *:not(input[type=hidden]) + .data-none{
    margin-top:20px;
  }
  .data-none-icon .fa,
  .data-none-icon .mdi{
    font-size:150px;
  }
  .data-none-sm .data-none-icon .fa,
  .data-none-sm .data-none-icon .mdi{
    font-size:100px;
  }
  .data-none-icon [class*=-icon]{
    width:150px;
    height:150px;
  }
  .data-none-sm .data-none-icon [class*=-icon]{
    width:100px;
    height:100px;
  }
  .data-none-icon img,
  .data-none-icon svg{
    height:150px;
  }
  .data-none-sm .data-none-icon img,
  .data-none-sm .data-none-icon svg{
    height:100px;
  }
  .form-group-md-col2{
    align-items:center;
  }
  .form-group-md-col2 .form-control-label{
    justify-content:flex-end;
    margin-bottom:0;
    text-align:right;
  }
  .image-popup-inner{
    margin:55px auto 60px;
    height:calc(100% - 55px - 60px);
  }
  .menu-card{
    grid-template-columns:repeat(2, 1fr);
  }
  .menu-card-cols.menu-card-col2{
    grid-template-columns:repeat(auto-fill, minmax(320px, 1fr));
  }
  .menu-card-cols.menu-card-col3{
    grid-template-columns:repeat(auto-fill, minmax(280px, 1fr));
  }
  .menu-project-info-dropdown .dropdown{
    max-width:calc(50% - 7px);
  }
  .menu-project-info-list{
    flex-direction:row;
    flex-wrap:wrap;
  }
  .menu-project-info-item{
    display:flex;
  }
  .menu-project-info-title{
    flex-shrink:0;
    margin-right:0.5em;
  }
  .modal-iframe-height-library-select iframe{
    max-height:580px;
  }
  .modal iframe{
    height:calc(100vh - 116px);
  }
  .os-ios .modal iframe{
    height:calc(100dvh - 116px);
  }
  .modal-edit{
    max-width:calc(100% - 20px);
  }
  .modal-dialog{
    margin-top:30px;
    margin-bottom:30px;
  }
  .modal-dialog-centered{
    min-height:calc(100% - 60px);
  }
  .photo-list-admin{
    grid-template-columns:repeat(auto-fill, minmax(200px, 1fr));
  }
  .searchResult{
    display:flex;
    align-items:center;
  }
  .searchResult-btn{
    flex-shrink:0;
    margin-right:1rem;
    margin-bottom:0;
  }
  .searchResult-count{
    flex-shrink:0;
    margin-top:0;
  }
  .table-responsive .table thead > tr > th{
    top:0;
  }
  .table thead > tr > th{
    top:55px;
  }
  .tableUtility + .table thead > tr > th{
    top:113px;
  }
  .tableUtility{
    top:55px;
    margin-right:-20px;
    margin-left:-20px;
    padding-right:20px;
    padding-left:20px;
  }
  .tooltipster-sticky-area#update-tooltip::before{
    top:50%;
    bottom:auto;
    left:-3px;
    transform:translate(0, -50%);
  }
  .tooltipster-base#update-tooltip{
    top:auto;
    left:220px;
    padding-left:5px;
  }
  .d-md-cols-2{
    grid-template-columns:repeat(2, 1fr);
  }}

@media (min-width: 992px){
  .swap-box-page .swap-box-title{
    margin-bottom:0;
  }
  .swap-box-list{
    display:grid;
    grid-gap:0 10px;
    grid-template-columns:1fr 38px 1fr;
    grid-template-areas:"header-left header-center header-right" "body-left body-center body-right";
  }
  .swap-box-header{
    height:38px;
  }
  .swap-box-header-left{
    grid-area:header-left;
  }
  .swap-box-header-center{
    display:block;
    grid-area:header-center;
  }
  .swap-box-header-right{
    grid-area:header-right;
  }
  .swap-box-body-left{
    grid-area:body-left;
  }
  .swap-box-body-center{
    display:flex;
    align-items:center;
    top:65px;
    bottom:auto;
    margin-top:58px;
    padding:0;
    max-height:60vh;
    background-color:transparent;
    grid-area:body-center;
  }
  .popup-form-body .swap-box-body-center{
    top:0;
    bottom:auto;
  }
  .swap-box-body-right{
    grid-area:body-right;
  }
  .swap-box-btn{
    flex-direction:column;
  }
  .swap-box-btn .btn{
    margin:5px 0;
  }
  .swap-box-empty{
    position:sticky;
    top:65px;
    height:calc(100% - 58px);
    max-height:60vh;
  }
  .popup-form-body .swap-box-empty{
    top:0;
  }
  .topbar .top-navbar .navbar-nav > .navbar-item > .navbar-link-profile{
    max-width:230px;
  }
  .form-group-lg-col2{
    align-items:center;
  }
  .form-group-lg-col2 .form-control-label{
    justify-content:flex-end;
    margin-bottom:0;
    text-align:right;
  }
  .formRow-btnWrap{
    grid-template-areas:"form btn1 btn2";
    grid-template-columns:1fr auto auto;
  }
  .modal-iframe-height-pc-xs iframe{
    max-height:200px;
  }
  .modal-iframe-height-pc-sm iframe{
    max-height:300px;
  }
  .modal-iframe-height-pc-md iframe{
    max-height:400px;
  }
  .modal-iframe-height-pc-lg iframe{
    max-height:500px;
  }
  .modal-iframe-height-pc-xl iframe{
    max-height:600px;
  }
  .modal-iframe-height-pc-xxl iframe{
    max-height:700px;
  }
  .modal-iframe-height-pc-max iframe{
    max-height:800px;
  }
  .modal-iframe-height-library-select iframe{
    max-height:320px;
  }
  .modal-xl{
    max-width:798px;
  }
  .modal-edit{
    width:calc(100% - 20px);
    max-width:calc(1020px + 3rem);
  }
  .modal-footer{
    justify-content:flex-end;
  }
  .modal-footer .btn{
    min-width:130px;
  }
  .page-list-row{
    display:flex;
    align-items:center;
    border-right:none;
    border-left:none;
    border-radius:0;
  }
  .page-list-row:not(:first-child){
    margin-top:0;
    border-top:none;
  }
  .page-list-row-header{
    display:flex;
    border-top:none;
    font-weight:700;
    color:#67757c;
  }
  .page-list-header{
    flex:1 1 auto;
    padding:0;
    border-bottom:none;
    grid-gap:0;
  }
  .page-list-checkbox, .page-list-title{
    padding:0.75rem;
  }
  .page-list-body{
    display:flex;
    flex-shrink:0;
    align-items:center;
  }
  .page-list-select, .page-list-manuscript{
    width:240px;
    grid-template-columns:1fr;
  }
  .page-list-select + .page-list-manuscript::before{
    content:none;
  }
  .page-list-sp-label{
    display:none;
  }
  .page-list-footer{
    padding:0;
    border-top:none;
    gap:0;
  }
  .page-list-btn{
    padding:0.75rem;
    width:80px;
  }
  .project-list-row{
    display:flex;
    align-items:center;
    border-right:none;
    border-left:none;
    border-radius:0;
  }
  .project-list-row:not(:first-child){
    margin-top:0;
    border-top:none;
  }
  .project-list-row-header{
    display:flex;
    border-top:none;
    font-weight:700;
    color:#67757c;
  }
  .project-list-header{
    flex:1 1 auto;
    padding:0;
    border-bottom:none;
    grid-gap:0;
  }
  .project-list-checkbox, .project-list-title{
    padding:0.75rem;
  }
  .project-list-data{
    grid-template-columns:1fr;
    grid-template-areas:"project-name" "project-notes" "project-messenger";
  }
  .project-list-messenger{
    margin-left:0;
  }
  .project-list-body{
    flex-shrink:0;
    align-items:center;
    padding:0;
    width:360px;
    grid-template-columns:calc(110px + 1.5rem) calc(100px + 1.5rem) 1fr;
    grid-template-areas:"page progress manager";
    grid-gap:0;
  }
  .project-list-progress, .project-list-manager, .project-list-page{
    padding:0.75rem;
  }
  .project-list-footer{
    padding:0;
    border-top:none;
    gap:0;
  }
  .project-list-btn{
    padding:0.75rem;
    width:80px;
  }
  .project-list-faceInfoList{
    flex-direction:column;
    justify-content:center;
    align-items:normal;
    padding:0.75rem;
    width:100px;
  }
  .project-list-faceInfoLabel{
    display:none;
  }
  .project-list-faceInfoItem:last-child{
    margin-left:0;
  }
  .student-face-change-column{
    display:flex;
    align-items:flex-start;
  }
  .student-face-change-column-before{
    padding-right:1rem;
    padding-bottom:0;
    border-bottom:none;
    width:180px;
  }
  .student-face-change-column-after{
    padding-top:0;
    width:calc(100% - 180px);
  }}

@media (min-width: 1030px){
  .card-box{
    grid-template-areas:"left right" "left bottom";
  }}

@media (min-width: 1100px){
  .container-fluid{
    max-width:1000px;
  }
  .container-fluid-lg{
    max-width:1310px;
  }
  .container-fluid-news{
    max-width:1042px;
  }
  .page-list-select, .page-list-manuscript{
    grid-template-columns:1fr 170px;
  }
  .page-list-select{
    width:335px;
  }
  .page-list-manuscript{
    width:260px;
  }}

@media (min-width: 1200px){
  .swap-box{
    display:flex;
    justify-content:space-between;
    align-items:flex-start;
  }
  .swap-box-page{
    position:sticky;
    top:55px;
    margin-bottom:0;
    width:220px;
  }
  .swap-box-nav{
    overflow:visible;
    padding-left:0;
  }
  .swap-box-nav .nav{
    display:block;
  }
  .swap-box-nav .nav-item{
    margin-top:-1px;
    margin-left:0 !important;
    min-width:auto;
  }
  .swap-box-nav .nav-item:first-child{
    border-radius:0.25em 0.25em 0 0;
  }
  .swap-box-nav .nav-item:last-child{
    border-radius:0 0 0.25em 0.25em;
  }
  .swap-box-group{
    width:100%;
  }
  .swap-box-page + .swap-box-group{
    width:calc(100% - 250px);
  }
  .swap-box-nav .list-step{
    display:block;
  }
  .swap-box-nav .list-step-item{
    margin:0;
    min-width:auto;
  }
  .swap-box-nav .list-step-item::before, .swap-box-nav .list-step-item::after{
    left:13px;
    width:2px;
    height:50%;
  }
  .swap-box-nav .list-step-item::before{
    top:0;
  }
  .swap-box-nav .list-step-item::after{
    top:26px;
  }
  .swap-box-nav .list-step-label{
    flex-direction:row;
    padding:10px 0;
  }
  .swap-box-nav .list-step-label::before{
    margin-right:5px;
    margin-bottom:0;
  }
  .modal-xl{
    max-width:1140px;
  }
  .project-list-data{
    grid-template-columns:1fr auto;
    grid-template-areas:"project-name project-messenger" "project-notes project-messenger";
  }
  .project-list-messenger{
    margin-left:5px;
  }}

@media (min-width: 1201px){
  .face-select-btn{
    display:none !important;
  }}

@media (min-width: 1340px){
  .face-count-table-list .album-class-block h4 .album-class-name{
    max-width:1200px;
  }}

@media (max-width: 1600px){
  .main-content{
    width:calc(100% - 710px);
    min-width:calc(100% - 710px);
    max-width:calc(100% - 710px);
  }
  .side-content{
    width:710px;
    min-width:710px;
    max-width:710px;
  }
  .side-content .col-md-6{
    width:100%;
    min-width:100%;
    max-width:100%;
  }}

@media (max-width: 1300px){
  .photo-block-list.photo-block-list-full-width .photo-block.photo-block-s180{
    width:calc(20% - 4px);
  }}

@media (max-width: 1200px){
  .main-content{
    width:100%;
    min-width:100%;
    max-width:100%;
  }
  .nav-link-menu{
    flex-direction:column;
    justify-content:center;
    padding-right:8px !important;
    padding-left:8px !important;
  }
  .side-content{
    display:none;
    width:100%;
    min-width:100%;
    max-width:100%;
  }
  .side-content-backdrop{
    position:fixed;
    top:0;
    right:0;
    bottom:0;
    left:0;
    z-index:1040;
    transition:background-color 0.3s;
  }
  .kaonavi-open .side-content-backdrop{
    background-color:rgba(0, 0, 0, 0.8);
  }
  .photolist-by-face .side-content .btn-clear-selected-student{
    display:none;
  }
  .kaonavi-open{
    overflow:hidden;
  }
  #side .photo-block-list .photo-block-s180{
    width:25%;
  }
  .photo-block-list.photo-block-list-full-width .photo-block.photo-block-s180{
    width:calc(25% - 4px);
  }
  .photo-block-list.photo-block-list-full-width .photo-block.photo-block-s260{
    width:calc(33.3333% - 4px);
  }
  .photo-block-list-by-face-full-width .photo-block.photo-block-s180{
    width:calc(25% - 4px);
  }
  .photo-block-list-by-face-full-width .photo-block.photo-block-s260{
    width:calc(33.3333% - 4px);
  }
  .photolist-by-face{
    position:relative;
  }
  .offcanvas-open .photolist-by-face .side-content{
    display:none;
  }
  .photolist-by-face .side-content{
    display:block;
    position:fixed;
    top:0;
    left:0;
    z-index:10050;
    transform:translateX(-100%);
    overflow-x:hidden;
    overflow-y:auto;
    padding:0;
    width:100%;
    min-width:auto;
    max-width:none;
    height:100%;
    transition:background-color 0.3s, transform 0.3s;
  }
  .photolist-by-face .side-content .card{
    width:100%;
    height:auto !important;
  }
  .photolist-by-face .side-content .card-header{
    position:sticky;
    top:0;
    z-index:20;
  }
  .photolist-by-face .side-content .card-footer{
    position:sticky;
    bottom:0;
    z-index:10;
    padding-top:10px;
    padding-bottom:10px;
  }
  .photolist-by-face .side-content .card-header .kaonavi-close,
  .photolist-by-face .side-content .card-footer{
    display:block;
  }
  .photolist-by-face .side-content .card-header .clear-selected-student{
    display:none;
  }
  .photolist-by-face .side-content .card-header .face-photo-message{
    width:calc(100% - 32px);
  }
  .photolist-by-face .side-content .card-body{
    overflow-y:visible;
  }
  .kaonavi-open .photolist-by-face .side-content{
    transform:translateX(0);
  }
  .photolist-by-face .side-content-inner{
    display:flex;
    justify-content:center;
    align-items:center;
    margin:15px auto;
    width:500px;
    min-width:500px;
    max-width:500px;
    min-height:calc(100% - 58px);
  }
  .photolist-by-face .side-content.fixed{
    top:0;
    left:0;
  }
  .photolist-by-face .main-content{
    width:100%;
    min-width:100%;
    max-width:100%;
  }
  .right-side-toggle-messenger{
    display:block;
  }}

@media screen and (max-width: 1100px){
  #page-tab-form .popover-auto-left .bs-popover-left{
    min-width:auto;
  }}

@media (max-width: 1099px){
  .dropdown-menu{
    max-width:calc(100vw - 90px);
  }
  .dropdown-menu.dropdown-menu-page-name-total{
    max-width:calc(100vw - 260px);
  }}

@media (max-width: 1000px){
  #side .photo-block-list .photo-block-s180{
    width:33.3333%;
  }
  .photo-block-list.photo-block-list-full-width .photo-block.photo-block-s180{
    width:calc(33.3333% - 4px);
  }
  .photo-block-list.photo-block-list-full-width .photo-block.photo-block-s260{
    width:calc(50% - 4px);
  }
  .photo-block-list-by-face-full-width .photo-block.photo-block-s180{
    width:calc(33.3333% - 4px);
  }
  .photo-block-list-by-face-full-width .photo-block.photo-block-s260{
    width:calc(50% - 4px);
  }
  .photo-block-list.manuscript-block .photo-block.photo-block-s180{
    width:calc(33.3333% - 4px) !important;
  }}

@media (max-width: 991px){
  .tool-box-title-group-detail .tool-box-btn-photo{
    margin-right:5px;
  }
  .tool-box-title-group-detail .tool-box-title{
    width:calc(100% - 10px);
  }
  .tool-box-title-group-common{
    width:100%;
  }
  .tool-box-title-group-detail h3, .tool-box-title-group-common h3{
    max-width:none;
  }}

@media (max-width: 768px){
  .student-face-list-table .delete{
    display:none;
  }
  .student-face-list-table .face-photo{
    pointer-events:none;
  }}

@media (max-width: 767px){
  .footer{
    padding:7px 5px;
  }
  .mini-sidebar .left-sidebar{
    display:block;
  }
  .nav-link-menu{
    width:45px;
  }
  .mini-sidebar .page-wrapper{
    padding-top:15px;
    padding-bottom:40px;
  }
  .topbar{
    position:relative;
  }
  #messenger > .card{
    min-height:calc(100vh - 130px) !important;
  }
  .manuscript-card{
    min-height:calc(100vh - 130px) !important;
  }
  .settings-table > tbody > tr > th{
    width:auto;
    background-color:#f5f5f5;
    text-align:left;
  }
  .settings-table > tbody > tr > th,
  .settings-table > tbody > tr > td{
    display:block;
    border-top:none;
  }}

@media (max-width: 700px){
  .photo-block-list.manuscript-block .photo-block.photo-block-s180{
    width:calc(50% - 4px) !important;
  }}

@media (max-width: 680px){
  .photo-block-list.photo-block-list-full-width .photo-block.photo-block-s180{
    width:calc(50% - 4px);
  }
  .photo-block-list.photo-block-list-full-width .photo-block.photo-block-s260{
    width:calc(100% - 4px);
  }
  .photo-block-list-by-face-full-width .photo-block.photo-block-s180{
    width:calc(50% - 4px);
  }
  .photo-block-list-by-face-full-width .photo-block.photo-block-s260{
    width:calc(100% - 4px);
  }}

@media (max-width: 650px){
  #side .photo-block-list .photo-block-s180{
    width:50%;
  }}

@media (max-width: 576px){
  #project-start i{
    font-size:70px !important;
    line-height:100% !important;
  }
  .container-fluid{
    margin-right:auto;
    margin-left:auto;
    padding-right:8px;
    padding-left:8px;
  }
  .container-fluid > .row{
    margin-right:-8px;
    margin-left:-8px;
  }
  .container-fluid > .row > .col-md-12{
    padding-right:8px;
    padding-left:8px;
  }
  .container-full-width{
    padding:0 7px;
  }
  .piczoom-fix-bottom .btn-lg{
    width:50% !important;
    min-width:auto;
  }
  .btn-circle.right-side-toggle{
    bottom:10px;
  }
  .candidate-photo-total-modal-table-page tr > .count{
    width:7em;
  }
  .candidate-photo-total-modal-table-page tr > .icon{
    width:65px;
  }
  .candidate-photo-total-modal-table-page tr > .count > span{
    font-size:80%;
  }
  .candidate-photo-total-modal-table-page tr th,
  .candidate-photo-total-modal-table-page tr td{
    padding-left:0;
  }
  .candidate-photo-total-modal-table-page tr th:last-child,
  .candidate-photo-total-modal-table-page tr td:last-child{
    padding-right:0;
  }
  .card .card-subtitle{
    margin-top:5px;
  }
  .card .title-lgLine .card-title-small{
    font-size:65%;
  }
  .card-body{
    padding:10px;
  }
  #messenger .card-body.massage-content{
    margin:0;
    padding:10px 0;
  }
  .chat-list li{
    padding:35px 10px 0 10px;
  }
  .chat-list .reverse .box{
    max-width:100%;
  }
  .chat-list li .chat-content{
    width:80%;
    max-width:80%;
  }
  .class-none .mdi-account-multiple{
    font-size:70px;
    line-height:100%;
  }
  .dropdown-menu, .dropdown-menu.dropdown-menu-page-name-total{
    max-width:none;
  }
  .dropify-wrapper.touch-fallback .dropify-message{
    padding:10px 0;
  }
  .face-photo-list.face-photo-list-small .face-photo-group{
    margin-right:-6px;
    margin-left:-6px;
  }
  .face-photo-list.face-photo-list-small .face-photo-group .face-photo,
  .face-photo-list.face-photo-list-small .face-photo-group .face-photo-empty{
    margin-right:6px;
    margin-left:6px;
  }
  .face-photo-list.face-photo-list-small .face-photo-group .face-photo{
    width:calc(20% - 12px);
    max-width:60px;
  }
  .face-photo-list .modal-dialog .face-photo{
    width:100%;
  }
  .face-photo-group .face-photo{
    width:calc(33.3333% - 16px);
    max-width:100px;
  }
  .fixed-candidate-photo{
    top:55px;
    right:10px;
  }
  .fixed-candidate-photo-select{
    display:flex;
    align-items:center;
  }
  .fixed-candidate-photo-select .count{
    margin-top:0;
    margin-left:0.5em;
  }
  .fixed-candidate-photo-btn{
    box-shadow:0 3px 8px rgba(0, 0, 0, 0.08);
    padding-right:10px;
    padding-left:16px;
    border-radius:22px;
    width:auto;
    height:44px;
  }
  .fixed-candidate-photo-btn::before{
    font-size:20px;
  }
  .fixed-candidate-photo-btn .text{
    margin-left:6px;
    font-size:12px;
  }
  .fixed-candidate-photo-btn .count{
    padding:3px 4px;
    min-width:16px;
    height:16px;
    font-size:10px;
  }
  :not(a).fixed-candidate-photo-btn{
    width:44px;
  }
  .folder-table th:nth-child(n+3),
  .folder-table td:nth-child(n+3){
    display:none;
  }
  .manual-edit-change-item .face-photo{
    width:90px;
  }
  .manual-edit-change-item > .mdi{
    padding:33px 10px 0;
  }
  .manual-edit-change-item .close{
    top:0;
    right:0;
    padding:16px;
  }
  .manuscript-total-modal-table-page tr > .count{
    width:7em;
  }
  .manuscript-total-modal-table-page tr > .icon{
    width:5em;
  }
  .manuscript-total-modal-table-page tr > .count > span{
    font-size:80%;
  }
  .manuscript-total-modal-table-page tr th,
  .manuscript-total-modal-table-page tr td{
    padding-left:0;
  }
  .manuscript-total-modal-table-page tr th:last-child,
  .manuscript-total-modal-table-page tr td:last-child{
    padding-right:0;
  }
  .photo-block-list-none{
    padding:10vh 0;
  }
  .photolist-by-face .side-content .card-body{
    margin:0;
  }
  .photolist-by-face .side-content-inner{
    margin:10px;
    width:calc(100% - 20px);
    min-width:auto;
    max-width:none;
  }
  .project-page-name-with-btn .dropdown{
    top:-5px;
    right:-5px;
  }
  .search-box{
    margin-bottom:10px;
  }
  .dropdown-menu.dropdown-menu-scroll .slimscrollright{
    max-height:234px;
  }
  .student-face-change-list-table thead{
    display:none;
  }
  .student-face-change-list-table tbody tr{
    display:flex;
    flex-wrap:wrap;
    padding-top:10px;
    border-top:solid 1px #ccc;
  }
  .student-face-change-list-table tbody tr td{
    display:block;
    border-top:0;
    width:100%;
  }
  .student-face-change-list-table td{
    height:auto;
  }
  .student-face-change-list-table .student-order-num-td{
    padding-right:0;
    width:35px;
    text-align:right;
    white-space:nowrap;
  }
  .student-face-change-list-table .student-name-td{
    width:calc(100% - 35px);
  }
  .student-face-change-list-table .student-photo-before-td,
  .student-face-change-list-table .student-photo-after-td{
    width:40%;
  }
  .student-face-change-list-table .student-photo-before-td .face-photo{
    margin-right:0;
  }
  .student-face-change-list-table .student-photo-arrow-td{
    display:flex;
    justify-content:center;
    align-items:center;
    width:20%;
  }
  .student-face-change-list-table .student-photo-after-td .face-photo{
    margin-left:0;
  }
  .student-face-change-list-table .student-image-change-td{
    width:100%;
  }
  .student-face-list-table thead tr th{
    display:none;
  }
  .student-face-list-table tbody tr td{
    display:block;
    border-top:0;
    width:100%;
  }
  .student-face-list-table tbody tr{
    border-top:solid 1px #ccc;
  }
  .student-face-list-table td{
    height:auto;
  }
  .student-face-list-table .student-order-num-td{
    display:inline-block;
    padding-top:20px;
    padding-right:5px;
    width:100px;
  }
  .student-face-list-table .student-name-td{
    display:inline-block;
    padding-top:20px;
    padding-left:5px;
    width:calc(100% - 100px);
  }
  .student-face-list-table .student-delete-td{
    display:inline-block;
    padding-right:20%;
    width:50%;
  }
  .student-face-list-table .student-image-change-td{
    display:inline-block;
    padding-left:20%;
    width:50%;
  }
  .swal-icon{
    transform:scale(0.8);
  }
  .swal-icon:first-child{
    margin-top:15px;
  }
  .swal-icon + .swal-title{
    margin-top:-20px;
  }
  .swal-icon + .swal-text{
    margin-top:-10px;
  }
  .swal-title{
    margin-top:10px;
    margin-bottom:10px;
    font-size:14px;
  }
  .swal-text{
    font-size:13px;
  }
  .swal-button-container{
    flex:1 1 130px;
    min-width:auto;
  }
  .browser-ie .swal-button-container{
    flex:0 1 auto;
    min-width:calc(50% - 10px);
  }
  .piczoom-fix-bottom .toggle-photo-select-type-box{
    width:calc(100% - 44px);
  }
  .tool-box-group.tool-box-group-full-width, .tool-box-group.tool-box-group-full-width > .tool-box, .tool-box-group.tool-box-group-full-width > .tool-box .dropdown, .tool-box-group.tool-box-group-full-width > .tool-box .dropdown-toggle, .tool-box-group.tool-box-group-full-width > .tool-box .dropdown-menu{
    width:100% !important;
  }
  .tool-box-group.tool-box-group-full-width{
    margin:0 0 -10px;
  }
  .tool-box-group.tool-box-group-full-width > .tool-box{
    margin:0 0 10px;
  }
  .total-modal-table-name tr th{
    width:5em !important;
  }
  .w-100-under-sm{
    width:100%;
  }}

@media (max-width: 575px){
  .nav-tabs .nav-item{
    flex:1;
    min-height:50px;
    text-align:center;
  }
  .nav-tabs .nav-item .nav-link{
    padding:8px 10px;
  }
  .modal-footer .btn-lg:only-child{
    margin-right:auto;
    margin-left:auto;
  }
  .modal-footer .btn-lg{
    width:calc(50% - 0.25em);
    min-width:auto;
  }
  .fix-btn-half{
    padding:0.75rem 0.5rem;
    width:49%;
    min-width:160px;
    font-size:14px;
  }}

@media (max-height: 570px) and (orientation: landscape){
  .dropdown-menu.dropdown-menu-scroll .slimscrollright{
    max-height:calc(100vh - 200px);
  }}

@media (max-height: 570px) and (orientation: portrait){
  .dropdown-menu.dropdown-menu-scroll .slimscrollright{
    max-height:162px;
  }}

@media (max-width: 549px){
  .popup-form-footer .btn-lg{
    width:calc(50% - 0.25em);
    min-width:auto;
  }}

@media (max-width: 470px){
  .photo-block-list.manuscript-block .photo-block.photo-block-s180{
    width:calc(100% - 4px) !important;
  }}

@media (max-width: 450px){
  #side .photo-block-list .photo-block-s180{
    width:100%;
  }
  .photo-block-list.photo-block-list-full-width .photo-block.photo-block-s180{
    width:calc(100% - 4px);
  }
  .photo-block-list-by-face-full-width .photo-block.photo-block-s180{
    width:calc(100% - 4px);
  }}

@media (max-width: 374px){
  .card-title-candidate-photo .btn{
    margin-bottom:10px;
  }
  .face-photo-list.face-photo-list-small .face-photo-group .face-photo{
    width:calc(25% - 12px);
  }
  .photo-block-list-none{
    padding:5vh 0;
  }
  .swal-button-container{
    flex-basis:100px;
  }
  .browser-ie .swal-button-container{
    flex-basis:auto;
    width:100%;
  }
  .d-under-375-none{
    display:none;
  }}

@media (max-width: 360px){
  .project-page-btn{
    flex-direction:column;
  }
  .project-page-btn .btn{
    width:100%;
  }
  .project-page-btn .btn + .btn{
    margin-top:10px;
    margin-left:0;
  }}

@media (max-width: 320px){
  .face-photo-list .face-photo .kaonavi-unselect-icon i{
    font-size:38px;
  }
  .face-photo-group .face-photo{
    max-width:90px;
  }
  .fix-btn-half{
    padding:0.75rem 0.5rem;
    min-width:140px;
    font-size:12px;
  }}

@media print{
  img{
    position:absolute;
    top:0;
    right:0;
    bottom:0;
    left:0;
    margin:auto;
    width:100% !important;
  }}