.p-create-group-box.top-box {
  display: none;
}

.p-create-group-box.top-box.active {
  display: block;
}

.c-opp-message-main.file-message .message-inner {
  white-space: nowrap;
}

.p-header-user .user-name {
  font-size: 14px;
}

.p-search-box-room .c-input {
  font-size: 11px;
}

.p-search-box-room ::-webkit-input-placeholder {
  font-size: 11px;
}

.p-search-box-room ::-moz-placeholder {
  font-size: 11px;
}

.p-search-box-room ::-ms-input-placeholder {
  font-size: 11px;
}

.p-search-box-room ::placeholder {
  font-size: 11px;
}

.p-search-box-room :-ms-input-placeholder {
  font-size: 11px;
}

.user-input {
  font-size: 12px;
}

.user-input ::-webkit-input-placeholder {
  font-size: 12px;
}

.user-input ::-moz-placeholder {
  font-size: 12px;
}

.user-input ::-ms-input-placeholder {
  font-size: 12px;
}

.user-input ::placeholder {
  font-size: 12px;
}

.input-size-225 {
  width: 225px;
  height: 30px;
  border-radius: 15px;
  padding: 0 15px;
}

.c-name-user.font-size-14 {
  font-size: 14px;
  line-height: 17px;
}

.c-name-user.font-size-14 .co {
  font-size: 12px;
  line-height: 15px;
}

.p-opp-message {
  width: 80%;
}

.c-opp-message-main .message-inner {
  word-break: break-word;
}
/* 要動作確認
.p-self-message {
  width: 80%;
}*/

/* 要動作確認
.p-input-user-select .user-name-textarea {
  max-width: initial; /* max-widthの打ち消し*/
}*/

.l-header-box .c-header-logo {
    width: 120px;
}

.c-header-logo{
    max-width: 100%;
    height: 50px;
    left: 100px;
    background: url("") no-repeat;
    background-size: contain;
    background-position: center center;
}

.ui-state-highlight, .ui-widget-content .ui-state-highlight {
  border: 0 !important;
  font-family: NotoSansJapanese !important;
  font-weight: normal !important;
  line-height: 25px;
  text-align: center !important;
}

.ui-state-highlight:hover, .ui-widget-content .ui-state-highlight:hover {
}

.img-btn-search {
  background: url("") no-repeat;
  background-size: contain;
  background-position: center;
}

.img-btn-search:hover {
  background-size: contain;
  background-position: center;
}

.p-input-user-select.error {
  border: 2px solid #FD0D1B;
}

.alert {
  position: relative;
  padding: 0.75rem 1.25rem;
  border: 1px solid transparent;
  border-radius: 0.25rem;
}

.alert-danger {
  color: #721c24;
  background-color: #f8d7da;
  border-color: #f5c6cb;
}

.alert-danger hr {
  border-top-color: #f1b0b7;
}

.alert-danger .alert-link {
  color: #491217;
}

.close{
    float: right;
    font-size: 21px;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    filter: alpha(opacity=20);
    opacity: .2;
}

.c-self-message-info .message-edited-msg {
  padding-left: 10px; }

.c-opp-message-info .message-edited-msg {
  padding-left: 10px;
  color: #666666;
}
/* ロゴが登録されていない場合カラーフルートのロゴを表示*/
.c-logo-login{
  width: 254px;
    max-width: 100%;
    margin: auto;
    height: 82px;
    background: url("") no-repeat;
    background-size: contain;
}
.icon-color-nothing.c-user-icon {
  border-width: thin;
  border-style: dashed;
}

.l-header-section-mask {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  height: 55px;
  width: 100vw;
  z-index: 0; }
  .l-header-section-mask.active {
    display: block; }

.input-checkbox + .check-icon:after {
    top: -6px;
}
.input-checkbox:checked + .check-icon:after {
    top: -6px;
}

.c-nav-icon:hover {
    background: #cccccc;
}

.c-browser{
    background-color: #FFF;
    padding:5px;
    width:430px;
    color: #FD0D1B;
    font-size: 20px;
    font-weight:bold;
    line-height: 20px;
    position: absolute;
    left: 190px;
}