body {
  font-size: 1.1em;
  min-width: 809px;
}

button:focus,
input[type="submit"]:focus,
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="checkbox"]:focus,
a.button:focus {
  outline: -webkit-focus-ring-color auto 1px !important;
}

.login {
  display: flex;
  height: 100vh;
  background-image: url(/img/login.jpeg);
  background-repeat: no-repeat;
  background-position: bottom;
  background-attachment: fixed;
  background-size: cover;
}

.login .left {
  max-width: 560px;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #ffffff94;
}

.login .right {
  width: 100%;
}

.login .left .container {
  padding: 3em;
  text-align: center;
  border-radius: 5px;
}

.login .left .container img.logo {
  margin-bottom: 4em;
}

.login .left .container .divider {
  margin: 2em;
}

.login .left .container .form .button {
  margin-top: 1em;
}

.login .left .container .message {
  margin-top: 0;
}

.login .left .container .google.button {
  padding: 0.8em;
}

.login .left .container .google.button img {
  padding: 7px;
  
}

.login .button.basic {
  background-color: white !important;
}

@media only screen and (max-width: 768px) {
  .login .left {
    background-color: transparent;
    width: 100%;
    max-width: 100vw;
  }

  .login .left .container {
    background-color: #ffffff94;
  }

  .login .right {
    display: none;
  }
}

.ui.placeholder.segment.login-form .column .field {
  max-width: 23rem;
  width: -webkit-fill-available;
}

.ui.placeholder.segment.login-form .column .field button {
  margin-left: auto;
  margin-right: auto !important;
}

.ui.text.container {
  margin-bottom: 2em;
}

.ui.inverted.brown.menu, .ui.inverted.menu .brown.active.item {
  background-color: #5d3e2a;
}

.ui.inverted.blue.menu, .ui.inverted.menu .blue.active.item {
  background-color: #123c5a;
}

.ui.inverted.menu .item.link.new {
    padding: 0;
}

.ui.inverted.menu .item.link.new a {
    /* font-weight: bold; */
    color: #eccc6c;
    display: inline-block;
    height: 100%;
    padding: 1.1em 1.14285714em;
}

.ui.inverted.brown.menu .item:before {
    background-color: rgb(34 36 38 / 55%);
}

.ui.inverted.blue.menu .item:before {
    background-color: rgb(34 36 38);
}

.ui.menu .item>a>img:not(.ui) {
    margin: -0.3em 0 0.1em;
}

.ui.menu .dropdown.item .menu.max {
  min-width: max-content;
}

body.login {
  background-color: #76767677;
}

.login .ui.placeholder.segment {
  margin: auto;
}

.login .ui.placeholder.segment .column .button {
  max-width: 100%;
}

.login.button {
  margin-top: 8%;
}

/* list */
.pager-container {
  width: fit-content;
  margin-left: auto;
}

.search-labels+.pager-container{
  margin-top: 0.7em;
}

.list .pagination {
  margin-bottom: 1em !important;
}

.list .message.icon strong {
  padding: 0 0.2em;
}

.ui.dividing.header {
  margin-bottom: 1em;
}

.search-labels {
  float: left;
  padding-top: 0.8em;
  margin-bottom: 1em;
}

.search-labels .label {
  font-size: 0.85em;
}

.search-panel {
  margin-top: 0 !important;
  clear: both;
  border-bottom: 0 !important;
}

.active + .table-wrapper .ui.table {
  border-radius: 0 0 .28571429rem .28571429rem;
}

.active + .table-wrapper .ui.table thead tr:first-child>th:first-child {
  border-top-left-radius: 0 !important;
}

.search-panel .ui.checkbox {
  margin-top: 1em;
  margin-right: 1em;
}

.ui.checkbox label {
  cursor: pointer;
}

.ui.checkbox input:checked + label {
  font-weight: bold;
}

.search-panel .search-select .ui.dropdown {
  width: 50% !important;
}

.ui.label.datelabel {
  border-radius: 0;
  padding-top: 1em !important;
}

.ui.accordion .button:not(.active) .prev-hide,
.ui.accordion .button.active .prev-show {
  display: none;
}

.ui.accordion .button:not(.active) .prev-show,
.ui.accordion .button.active .prev-hide {
  display: inline-block;
}

@media only screen and (min-width: 1200px) {
  .ui.container.list {
    width: 1300px;
  }
}

.ui.image.label .detail {
  background: rgba(255,255,255,0.7);
  color: #333;
}

.ui.image.label .detail.text {
  text-overflow: ellipsis;
  max-width: 8em;
  overflow: hidden;
  white-space: nowrap;
}

.search-open.button {
  margin-top: 0.9em;
}

.table-wrapper {
	overflow-x: auto;
	clear: both;
	margin-bottom: 1em;
}

.table-wrapper table {
	min-width: 84em;
}

.table td {
  vertical-align: middle;
}

.ui.fixed.table td, .ui.fixed.table th {
  overflow: visible;
  overflow-wrap: anywhere;
}

tr.todays-recept, .ui.striped.selectable.table tr.todays-recept:hover {
  background-color: #dddddd00 !important;
}

.todays-recept.up .ui.ribbon.label:after {
  border-width: 0 1em 1.2em 0;
}

.todays-recept.down .ui.ribbon.label:after {
  top: -51%;
  border-width: 1.2em 1em 0em 0em;
}

th.vis-num {
  min-width: 6em;
  width: 8em;
}

th.action {
  width: 4em;
}

.stat {
  width: 6em;
}

.ui[class*="right labeled"].input>input:last-child {
  border-radius : .28571429rem !important;
  border-left : 0px !important;
  border-right : 1px solid rgba(34,36,38,.15) !important;
}

.visitor-number {
  color: #f2711c;
  font-size: 3em;
  font-weight: bold;
  letter-spacing: 0.05em;
  font-family: "Trebuchet MS", arial, sans-serif;
}

.visitor-number.fixed-num {
  color: #6435c9;
}

td.visitor-number {
  font-size: 2.5em;
  letter-spacing: 0;
  padding-left: 3px !important;
  padding-right: 3px !important;
}

td.visitor-number.done {
  color: #6f9896;
}

td.visitor-number .ui.label,
td.visitor-number .ui.button,
td.action .icon-label {
  display: block;
  width: fit-content;
  margin: auto;
}

th.emp-name {
  width: 20em;
}

td.status {
  padding-left: 3px !important;
  padding-right: 3px !important;
}

td.status label {
  /* font-size: 1.1em !important; */
  font-size: 1.7em !important;
  padding: 0.3em 0.4em !important;
}

td.status .ui.basic.yellow.label {
  color: #f2711c !important;
}

td.status label small {
  display: inline-block;
  margin-top: 0.3em;
}

td.pass-card {
  text-align: center;
  font-weight: bold;
  font-size: 2rem;
  vertical-align: inherit;
  color: #6486a4;
  padding: .78571429em 0.3em !important;
}

td.pass-card .ui.input input {
  width: 73% !important;
}

td.visitor-prof .name {
  display:block;
  font-size:1.5rem;
  font-weight:bold;
}

td.visitor-prof .private {
  color: #b79588;
  display:block;
}

td .icon-label {
  font-weight: bold;
  display: inline-block;
}

td .icon-label.teal {
  color: #00b5ad;
}

td .icon-label.yellow {
  color:#fbbd08;
}

td.action .icon-label.edit {
  padding-right: 0.6em;
}

.todays-recept td {
  padding: 0.5em !important;
}

.todays-recept h4 {
  width: 100%;
  margin-top: 0.1em !important;
}

td.no-data {
  padding: 1.5em !important
}

/* visitor information panel */
.status.label {
  margin-bottom:1em;
}

.info-panel {
  margin-bottom: 1em;
}

.tabular a {
  font-size: 1.1em;
}

.tabular .active {
  color: #F9690E !important;
  font-weight: bold;
}

.tabular.fixed-num .active {
  color: #6435c9 !important;
}



/* form */
.ui.tabular.menu .active.item {
  margin-bottom: -2px;
}

.ui.breadcrumb {
  padding: 8px 15px;
  margin-bottom: 20px;
  list-style: none;
  background-color: #f5f5f5;
  border-radius: 4px;
  display: block;
}

.ui.status.label {
  float: right;
  margin-bottom: -3em;
}

.part-name {
  color: red;
  font-weight: bold;
}

.ui.form .field label {
  font-size: 1.1em;
}

.ui.pointing.label strong {
  color: #f26202;
}

.ui.form .field p {
  margin-left: 1em;
}

.ui.form .copy {
  display: block;
}

.ui.form .field input,
.ui.form .field textarea,
.ui.form .field select,
.ui.form .field p {
  font-size: 1.1em;
}

.ui.labeled.input .ui.dropdown {
  padding: .67857143em 1em;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-left-color: transparent;
  font-size: 1.1em;
  width: 18em;
}

.ui.form .field>label.required:after {
  margin: -.2em 0 0 .2em;
  content: '*';
  color: #db2828;
}

.ui.form .field.error .field {
  margin-bottom: 0;
}

.ui.form .field.two.column {
  width: 49.7%;
  display: inline-block;
  vertical-align: text-top;
}

.show-form .ui.form .field {
  font-size: 1.1em;
  overflow-wrap: anywhere;
}

.show-form .ui.form .field label{
  font-size: 1rem;
}

.show-form .ui.form .field.two.column {
  width: auto;
  margin-top: -1em;
}

.show-form .ui.form .field.two.column +.field.two.column::before {
  content: '～';
}

.ui.form .emp-name {
  margin: 0.1em 0;
  display: inline-block;
}

.ui.form .radio.label.color, td.target-button .ui.label {
    color: white;
    width: 9em;
    text-align: center;
    padding: 0.9em 0.5em;
    cursor: pointer;
}

.ui.form .radio.label.color:first-of-type,
td.target-button .ui.label.color_1 {
    background-color: #FF007A;
    margin-right: 0.7em;
}

.ui.form .radio.label.color:nth-of-type(2),
td.target-button .ui.label.color_2 {
    background-color: #18DBCF;
    margin-right: 20%;
}

.ui.form .radio.label.color input {
    float: left;
    cursor: pointer;
}

.ui.form .radio.label.color label {
  cursor: pointer;
}

td.target-button .ui.label {
  cursor: auto;
  width: 7em;
  margin-right: 0 !important;
}

.ui.form .field .ui.secondary.pointing.menu {
    margin-top: 0;
}

.ui.form .extended-textarea.segment {
  padding-bottom: 2.4em;
}

.ui.form .extended-textarea.segment .bottom.label {
  background-color: #b3b3b3 !important;
  border-color: #b3b3b3 !important;
}

.ui.ribbon.label + textarea {
  margin-top: 1em;
}

.ui.dropdown.selection .menu .item.disabled.header {
    margin: 0;
    font-size: 1em;
    padding: 0.6em !important;
    font-weight: normal;
    color: #808080;
    background-color: #f8f8f8;
    opacity: 1;
}

.ui.multiple.dropdown i.filter.fitted + span {
  margin-left: 0;
  color: #767676;
}

.ui.multiple.dropdown:hover i.filter.fitted, .ui.multiple.dropdown:hover span{
  color: #aaa !important;
}

.ui.dropdown .menu .column {
  min-width: 13em;
}

.ui.dropdown .menu .column .header {
  font-size: 1.15em;
  padding-left: 0.5em;
  padding-bottom: 0.5em;
}

.search-input {
  margin-bottom: 0.5em !important;
}

.ms-container {
  width: 100%;
  background: none;
}

.ms-container::before {
  content: "\f362";
  color: #aaa;
    font-family: FontAwesome;
    left: 3%;
    bottom: -8em;
    position: relative;
    font-size: 1.8em;
}

.ms-container .ms-list {
  font-size: 1.1em;
}

.ms-container .ms-selectable li.ms-elem-selectable, .ms-container .ms-selection li.ms-elem-selection {
  font-size: 1.05em;
}

.ms-optgroup-label .description {
    padding-right: 1em;
}

.field.error ul.ms-list {
  background: #fff6f6;
  border-color: #e0b4b4;
  color: #9f3a38;
  border-radius: '';
  -webkit-box-shadow: none;
  box-shadow: none;
}

.field.error .text-danger {
  color: #9f3a38;
}

.ui.form .field.error .ui.multiple.dropdown.recept-search,
.ui.form .field.error .ui.multiple.dropdown.recept-search .text {
  background-color: white;
}

.ui.multiple.dropdown.recept-search .scrolling.menu .header {
    margin: 0.3em 0;
    padding: 0;
    font-size: 1em;
    text-overflow: ellipsis;
    overflow: hidden;
}

.ui.multiple.dropdown.recept-search .scrolling.menu .item {
    text-overflow: ellipsis;
    overflow: hidden;
}

[data-toggle=datetimepicker] {
  cursor: pointer;
}

.ms-container .ms-selectable .ms-list {
  height: 21em;
}

.ms-container .ms-selection .ms-list {
  height: 24.15em;
}

.ms-container .ms-optgroup-label {
  color: #808080;
  background-color: #f8f8f8;
  cursor: context-menu;
  padding-bottom: 5px;
  font-size: 0.8em;
  padding: 2px 0 2px 5px;
}

.form .field .description, td .description {
  float: right;
  margin: 0 0 0 1em;
  color: rgba(0,0,0,.4);
  font-size: 0.8em;
}

.form .field .description.left-fitted {
  float: none;
}

.form #private-check {
  float: right;
  margin: 0.7em 1em 0;
}

/* 入館カード、「貸出あり」チェックボックス */
.form #pass-check {
  margin: 0.5em 0 1em;
}

td .description.top-fitted {
  float: none;
  display: block;

}

.hour.disabled, .minute.disabled {
  background: #cccccc77 !important;
}

#search .form .button {
  margin-right: 0.7em !important;
}

.popup-btn {
  padding: 1em !important;
  height: fit-content;
}

.ui.basic.olive.label.names {
  font-size:0.75em;
  margin-top:0.8em;
}

.ui.basic.olive.label.names:first-of-type {
  margin-top: 0;
}

.ui.modal>[class*="middle aligned"] {
  align-items: center;
}

.ui.modal>[class*="middle aligned"] .description {
  padding-left: 1em !important;
}

.ui.button::before {
  display: inline-block;
  opacity: 1;
  margin: 0 .42857143em 0 -.21428571em;
  width: 1.18em;
  height: 1em;
  font-family: Icons;
  font-style: normal;
  font-weight: 400;
  text-decoration: inherit;
  text-align: center;
  speak: none;
  font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.ui.button.home::before {
  content: '\f015';
}

.ui.button.edit::before {
  content: '\f044';
}

.ui.button.delete::before {
  content: '\f12d';
}

.ui.button.copy::before {
  content: '\f0c5';
}

.ui.button.clear-btn {
  margin-top: -3em;
}

/* maintenance */
.ui.text.container.maintenance {
    margin-bottom: 0;
}

.ui.accordion.maintenance-form .title {
    font-weight: bold;
    color: #00b5ad;
    font-size: 1.1em;
    background-color: inherit;
    border: none;
}

.ui.accordion.maintenance-form .label {
    float: right;
    margin-bottom: -1em;
}

.table-wrapper.maintenance-table {
    margin-top: 0.5em;
}

.table-wrapper.maintenance-table th {
    padding: 1em 0.45em !important;
    vertical-align: middle;
}

.table-wrapper.maintenance-table td {
    padding: 1em 0.7em !important;
    vertical-align: middle;
}

.table-wrapper.maintenance-table td.btns {
    padding: 0.7em 0 !important;
    font-size: 1.3em;
}

.table-wrapper.maintenance-table td:not(:first-child){
    min-width: 9em;
    overflow-wrap: anywhere;
}

.table-wrapper.maintenance-table th.empty {
    min-width: 5em;
}

.table-wrapper.maintenance-table th.empty.long {
    min-width: 7em;
}

.table-wrapper.maintenance-table th {
    white-space: pre;
}

.table-wrapper.maintenance-table td.small.column {
    min-width: 4em;
}

.table-wrapper.maintenance-table td[data-name="code"] {
  min-width: 8em;
}

.table-wrapper.maintenance-table td.large.column,
.table-wrapper.maintenance-table td[data-name="remarks"] {
  min-width: 14em;
}

.table-wrapper.maintenance-table td span .ui.label {
  margin: 0 0.1em;
}

.table-wrapper.maintenance-table td .label.not-set {
  color: #b9b9b9;
}

.maintenance-table td div.kana, #edit-form .kana {
    font-size: 0.8em;
    color: grey;
}

[data-deleted="1"], [data-record-deleted="1"] {
    color: #bcbdbd !important;
    text-decoration: line-through;
}

[data-record-deleted="1"] {
    background-color: #f5f5f5;
}

[data-deleted="1"]::before {
    content: '!';
    font-size: 0.8em;
    background-color: #da9999;
    color: white;
    font-weight: bold;
    width: 1.4em;
    height: 1.4em;
    display: inline-block;
    border-radius: 1em;
    text-align: center;
    vertical-align: text-top;
}

#edit-form .ui.form .error.message {
  display: flex;
}

#edit-form .checkboxes.field .fields {
    margin-left: 0em;
}

#edit-form .checkboxes.field .label {
    cursor: pointer;
}

#edit-form .checkboxes.field .checkbox {
    margin-top: 0em;
    margin-right: 0.5em;
}

#edit-form .form .notify .label.basic {
    margin-bottom: 0;
}

#edit-form .form .notify .input.field.required {
  margin-bottom: 0;
}

#edit-form .form .segment.error {
    background-color: #fff6f6;
}

#edit-form .form .text-danger {
    color: #9f3a38;
}

#edit-form .form .notes {
  color: #8A919B;
}

.ui.modal .target {
    font-weight: bold;
    margin-right: 0.1em;
    overflow-wrap: anywhere;
}

#pass-policy .ui.list, #pass-policy .ui.list .item {
  margin: 0.5em;
}

#pass-policy .item .content span {
  margin-top: 0.5em;
}

/* other */
.full-wrapper {
  display: flex;
  flex-direction: column;
  min-height: 100%;
}

.no-content {
  color: #aaa8a8;
}

.footer {
  border-top: 1px solid #DDDDDD !important;
  box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.08) inset !important;
  background-color: #FAFAFA !important;
  padding-top: 2em !important;
  padding-bottom: 2em !important;
  margin-top: auto !important;
}

/* datetime picker */
.timepicker .table-condensed td:not(.separator) {
  cursor: pointer;
}

.timepicker .table-condensed td:not(.separator):hover {
  background-color: #76767622;
}

/* tablet preview */
.preview {
    border: 1px solid #bcbdbd;
    border-radius: 3px;
    display: flex !important;
    flex-direction: column;
    color: #201F50;
    font-size: 1.1em;
}

.preview .header {
    background-color: #ff9800;
    padding: 0.3em;
}

.preview .header img {
    height: 1.7em;
}

.preview .content {
    display: flex;
    flex-direction: column;
    height: 19.5em;
    overflow: auto;
}

.preview .content button {
    border: none;
    width: 5.4em;
    height: 1.8em;
    border-radius: 2px;
}

/* vendor */
.preview .content .top {
    padding: 0.7em;
    display: flex;
    justify-content: space-between;
}

.preview .content .top p {
    display: inline-block;
    margin-bottom: 0;
}

.preview .content .top button {
    color: white;
    background-color: #201F50;
}

.preview .content .main ul {
    display: flex;
    flex-wrap: wrap;
    padding: 0;
    justify-content: space-between;
    margin: 0em 0.7em;
}

.preview .content .main li {
    display: inline-block;
    text-align: center;
    width: 49%;
    background-color: #201F5012;
    font-weight: bold;
    padding: 0.6em;
    margin-bottom: 0.6em;
    border-radius: 2px;
}

/* event & business */
.preview .content .main.two-column {
    display: flex;
    font-size: 0.86em;
    text-align: center;
    height: 100%;
}

.preview .content .main.two-column .left {
    width: 54%;
}

.preview .content .main.two-column .left p {
    margin-bottom: -0.5em;
    min-height: 3em;
    padding-top: 0.3em;
}

.preview .content .main.two-column .left img {
    height: 85%;
    position: relative;
    bottom: -0.8em;
}

.preview .content .main.two-column .right {
    width: 46%;
    background-color: #201F50;
    color: white;
}

/* event */
.preview .content .main.two-column .right p {
    margin: 1em 0;
}

.preview .content .main.two-column .right .event-btn {
    width: 84%;
    margin: auto;
    font-size: 2em;
    height: 2.4em;
    margin-bottom: 0.2em;
    border-radius: 2px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0.1em 0.8em;
    line-height: 1.1em;
}

.preview .content .main.two-column .right .event-btn.pink {
    background-color: #FF007A;
}

.preview .content .main.two-column .right .event-btn.green {
    background-color: #18DBCF;
}

.preview .content .main.two-column .right .event-btns {
    display: flex;
    justify-content: space-between;
    width: 84%;
    margin: auto;
}

.preview .content .main.two-column .right .other-btn {
    width: 49%;
    background-color: #8A919B;
    border-radius: 1px;
    font-size: 1.3em;
    height: 3.5em;
    display: flex;
    align-items: center;
    justify-content: center;
}

.preview .content .main.two-column .right img {
    height: 4em;
}

.preview .content .main.two-column .right .one-event {
    margin-bottom: -0.6em;
}

.preview .content .main.two-column .right .one-event .event-btn {
    height: 4em;
    padding: 1.3em 0.3em;
}

.preview .content .main.two-column .right .one-event .other-btn {
    height: 5.5em;
    margin-bottom: 0.3em;
}

.preview .content .main.two-column .right .no-event .other-btn {
    margin: auto;
    font-size: 2em;
    width: 80%;
    height: 3.4em;
    margin-bottom: 0.4em;
}

/* business */
.preview .content #business {
    overflow: hidden;
}

.preview .content #business.main.two-column .right {
    font-size: 1.1em;
}

.preview .content .main.two-column .right button {
    color: white;
    border: 1px solid white;
    background-color: #201F50;
    float: right;
    margin: 0.6em;
}

.preview .content .main.two-column .right .info {
    clear: both;
    text-align: left;
    width: 82%;
    margin: 6em auto 2.7em;
    line-height: 2em;
    min-height: 8em;
}

.preview .content .main.two-column .left .form {
    width: 77%;
    text-align: left;
    margin: 2em auto;
    font-size: 0.85em;
}

.preview .content .main.two-column .left .form label {
    color: inherit;
    font-weight: normal;
}

.preview .content .main.two-column .left .form input,
.preview .content .main.two-column .left .form .dropdown {
    border-color: #201f50;
}

.preview .content .main.two-column .left .form .dropdown .item {
    font-size: 1em;
}

.preview .content .main.two-column .left .form .dropdown .menu {
    max-height: 8em;
}

.preview .content .main.two-column .left .form button {
    background-color: #201f50;
    color: white;
    width: 7em;
    font-size: 1.7em;
    height: 2em;
    margin-right: 0 !important;
}

.preview .content .main.two-column .left .form .field:last-child {
    text-align: center;
    margin-top: 3em;
}

/* todays list */
#todayFrame {
  height: calc(100vh - 4.5em);
}

.todays-visitor-count {
  font-size: 1.1em;
  font-weight: bold;
  display: inline-block;
  margin-right: 1em;
  margin-top: 0.5em;
}

.todays-visitor-count span {
  color: #ff5f1d;
  font-size: 1.5em;
  margin-right: 0.2em;
}

#scope .field{
  float: right;
}

#loading, #loading-error {
  /* float: right;
  margin-top: -5em; */
  opacity: 0.9;
  position: fixed;
  bottom: 1em;
  right: 2em;
  z-index: 9;
}

.container.fluid {
  padding: 0 2em;
}

#todaysList td {
  font-size: 1.3em;
  font-weight: bold;
}

#todaysList .vis-date {
  width: 10em;
  min-width: 10em;
}

#todaysList .visitor-number {
  font-size: 1.5em;
}

#todaysList .today-visit-time {
  font-size: 1em;
  font-weight: bold;
}

#todaysList .today-visit-time .from {
  font-size: 3em;
  display: block;
}

#todaysList .visitor-prof {
  font-size: 1.5em;
  font-weight: normal;
}

#todaysList .visitor-prof .name {
  font-size: 2em;
}

#todaysList .comments div {
  font-size: 0.8em;
  margin: 0.2em 0.5em 0.4em;
}

#todaysList .comments div span {
  color: #d2d2d2;
}

#todaysList .visitor-number .con-label {
  word-break: keep-all;
  margin-top: 3px;
}

.todays.message {
  margin-top: 0;
}

.welcome.modal .header {
  color: white;
}

.welcome.modal .inst-location {
  position: absolute;
  top: -3.5em;
}

.welcome.modal.visitor .header,
.welcome.modal.visitor .inst-location {
  background-color: #f2711c;
}

.welcome.modal.fixed .header,
.welcome.modal.fixed .inst-location {
  background-color: #6435c9;
}

.welcome.modal.event .header,
.welcome.modal.event .inst-location {
  background-color: #fbbd08;
}

.welcome.modal.vendor .header,
.welcome.modal.vendor .inst-location {
  background-color: #21ba45;
}

.welcome.modal.business .header,
.welcome.modal.business .inst-location {
  background-color: #00b5ad;
}

.welcome.modal .content {
  font-size: 1.5em;
}

.welcome.modal .information > div > div:not(:first-child), .welcome.modal .content .users {
  margin-top: 0.3rem;
}

.welcome.modal .content .user-name {
  display: block;
}

.welcome.modal .visit-time {
  color: #607d8b;
  display: none;
}

.welcome.modal.visitor .visit-time {
  display: block;
}

.welcome.modal .location {
  color: #607d8b;
}

.welcome.modal .pass-card {
  color: #607d8b;
  display: none;
}

.welcome.modal .pass-card-regist {
  display: none;
}

.welcome.modal.visitor .pass-card,
.welcome.modal.visitor .pass-card-regist,
.welcome.modal.fixed .pass-card,
.welcome.modal.fixed .pass-card-regist {
  display: block;
}

.welcome.modal .pass-card-regist {
  margin-left: 3em;
  margin-top: 0.5em;
}

.welcome.modal .msg {
  font-size: 1.1rem;
  display: block;
}

.welcome.modal .msg span {
  font-size: 1.4em;
  font-weight: bold;
  margin-right: 0.4em;
}

.welcome.modal.visitor .msg span {
  color: #f2711c;
}

.welcome.modal.fixed .msg span {
  color: #6435c9;
}

.welcome.modal.event .msg span {
  color: #fbbd08;
}

.welcome.modal.vendor .msg span {
  color: #21ba45;
}

.welcome.modal.business .msg span {
  color: #00b5ad;
}

.welcome.modal .msg-option {
  display: none;
}

.welcome.modal.visitor .msg-option,
.welcome.modal.fixed .msg-option {
  display: block;
}

.welcome.modal .ui.pointing.label {
  margin-top: 0.5em;
  margin-bottom: 1em;
  max-width: 19em;
  width: fit-content;
  word-break: break-all;
  font-size: 1.5rem;
}

.welcome.modal .content .information {
  display: flex;
}

.welcome.modal .content .information > div:first-child {
  margin-right: 1em;
  min-width: 36%;
}

.welcome.modal .content .information .name {
  font-weight: bold;
  font-size: 3.5rem;
}

.welcome.modal.vendor .content .information .name,
.welcome.modal.event .content .information .name {
  margin-top: -0.2em;
}

.welcome.modal.event .content .information .name small {
  display: none;
}

.welcome.modal .content .users {
  text-align: center;
}

.welcome.modal .content .users .team .label {
  margin-right: 0.5em;
  vertical-align: middle;
  margin-bottom: 0.3em;
}

.welcome.modal .content .users .user-name {
  font-weight: bold;
}

.welcome.modal .content .users .belongs {
  color: grey;
  margin-left: 1em;
  font-weight: normal;
  font-size: 0.8em;
}

.welcome.modal .content .not-set,
.welcome.modal .content .not-set span {
  color: #d2d2d2;
}

.ui.inverted.menu .item.link.new a,
.ui.inverted.menu .item {
  padding: 0.7em 1.14285714em;
}

.ui.inverted.brown.menu .item.act,
.ui.inverted.brown.menu .item:not(.header):hover {
  border-bottom: 7px solid #ffffff;
  /* border-color: #eccc6c !important; */
  border-color: #ff5f1dbf !important;
  font-weight: bold;
}

.ui.inverted.brown.menu .item.act {
  margin-right: 0.1em;
  margin-left: 0.1em;
  padding: 0.7em 0.94285714em;
  background-color: rgba(0,0,0,.1)!important;
}

.ui.inverted.brown.menu .item.act .text,
.ui.inverted.brown.menu .item:hover .text{
  margin-bottom: -7px;
}

.ui.inverted.brown.menu .right.menu {
  /* background-color: #bf51517a; */
  background-color: #ff5f1d9e
}

.ui.inverted.brown.menu .dropdown.item .menu {
  margin-top: 1em;
}

/* 一括登録 */
#insert-file {
  display: none;
}

.bulk-insert.modal .message .content div {
  margin-top: 1em;
}

.bulk-insert.modal .message {
  margin-bottom: 2em;
  margin-top: 0;
}

.bulk-insert.modal .file-name {
  font-weight: bold;
}

.bulk-insert.modal .segment {
  padding: 0;
  max-height: 24em;
  overflow-y: scroll;
}

.bulk-insert.modal .segment table {
  margin: 0;
  border-top: 0px;
}

.bulk-insert.modal .segment table th {
  position: sticky;
  top: 0;
}

.ui.text.container h3.ui.horizontal.divider:first-child {
  margin-top: 1em;
}

.top.attached.label.inst-location {
  text-align: center;
}

.system-error.sub.header {
  margin: 1em 0 !important;
  font-size: 1.3rem !important;
}

.system-error.sub.header small {
  margin: 1em;
  display: inline-block;
  color: #cfcfcf;
}

.ui.button.set-return-time {
  margin-top: .5em !important;
  padding: .5833em .833em;
}