/* jitsi ロゴ削除 */
[class*="watermark"] {
  display: none;
}
.toolbox-content-items {
  background-color: transparent !important;
  box-shadow: none !important;
}
.settings-button-small-icon {
  top: 68px !important;
  z-index: 200;
  background: rgb(0 163 255) !important;
}


.toolbox-content-items div:nth-of-type(2)[class*="toolbox-button"] > div,
.toolbox-content-items [class*="audio"] div[class*="toolbox-button"] > div { /* 画面共有・音声デフォルトSVG画像・中身の要素非表示 */
  display: none !important;
}
/* 音声ボタン */
.toolbox-content-items [class*="audio"] div[class*="toolbox-button"] { /* ボタン位置調整 */
  box-sizing: content-box;
  position: fixed;
  top: calc(5px + 38px + 4px);
  left: 3px;
  margin: 0 !important;
  padding: 0;
  width: 100px;
  height: 40px;
  border: 2px solid rgb(0, 165, 241);
  border-top: 0px;
  z-index: 50;
  background-size: auto 38px !important;
}
.toolbox-content-items [class*="audio"] div[class*="toolbox-button"][aria-pressed*="false"] { /* 音声ON */
  background: url(https://www.modeltown.world/jitsi/img/icon-mic-on.svg) center center no-repeat;
  background-color: #08D655;
}
.toolbox-content-items [class*="audio"] div[class*="toolbox-button"][aria-pressed*="true"] { /* 音声OFF */
  background: url(https://www.modeltown.world/jitsi/img/icon-mic-off.svg) center center no-repeat;
  background-color: #FF3636;
}
/* 画面共有 */
.toolbox-content-items div:nth-of-type(2) { /* ボタン位置 */
  box-sizing: content-box;
  position: fixed;
  top: 4px;
  left: 3px;
  margin: 0 !important;
  padding: 0;
  width: 100px;
  height: 40px;
  border: 2px solid rgb(0, 165, 241);
  border-bottom: 2px dashed #fff;
  z-index: 50;
  background-size: auto 38px !important;
}
.toolbox-content-items div:nth-of-type(2)[class*="toolbox-button"] + div { /* 画面共有 */
  position: fixed;
  left: 105px;
  top: 83px;
}
.toolbox-content-items div:nth-of-type(2)[class*="toolbox-button"][aria-pressed*="true"] { /* 画面共有ON */
  background: url(https://www.modeltown.world/jitsi/img/icon-share-on.svg) center center no-repeat;
  background-color: #08D655;
}
.toolbox-content-items div:nth-of-type(2)[class*="toolbox-button"] { /* 画面共有OFF */
  background: url(https://www.modeltown.world/jitsi/img/icon-share-off.svg) center center no-repeat;
  background-color: #FF3636;
}

@media screen and (width: 66px) {
  /* 幅200pxの場合に適応される */
  /* 画面共有 */
  .toolbox-content-items div:nth-of-type(2) { /* ボタン位置 */
    top: -2px;
    left: -2px;
    width: 32px !important;
    background-position-x: -57px !important;
  }
  /* 音声ボタン */
  .toolbox-content-items div:nth-of-type(1) { /* ボタン位置調整 */
    box-sizing: content-box;
    position: fixed;
    top: 0;
    left: 32px;
    margin: 0 !important;
    padding: 0;
    width: 32px;
    height: 40px;
    border: 2px solid rgb(0, 165, 241);
    border-top: 0px;
    z-index: 50;
    background-size: auto 38px !important;
    background-position-x: -50px !important;
  }
  .toolbox-content-items div:nth-of-type(1) div {
    display: none;
  }
  .toolbox-content-items div:nth-of-type(1)[aria-pressed*="false"] { /* 音声ON */
    background: url(https://www.modeltown.world/jitsi/img/icon-mic-on.svg) center center no-repeat;
    background-color: #08D655;
  }
  .toolbox-content-items div:nth-of-type(1)[aria-pressed*="true"] { /* 音声OFF */
    background: url(https://www.modeltown.world/jitsi/img/icon-mic-off.svg) center center no-repeat;
    background-color: #FF3636;
  }
}

@media screen and (width: 200px) {
  /* 幅200pxの場合に適応される */
  /* 画面共有 */
  .toolbox-content-items div:nth-of-type(2) { /* ボタン位置 */
    top: -2px;
    left: -2px;
  }
  /* 音声ボタン */
  .toolbox-content-items div:nth-of-type(1) { /* ボタン位置調整 */
    box-sizing: content-box;
    position: fixed;
    top: 0;
    left: 100px;
    margin: 0 !important;
    padding: 0;
    width: 100px;
    height: 40px;
    border: 2px solid rgb(0, 165, 241);
    border-top: 0px;
    z-index: 50;
    background-size: auto 38px !important;
  }
  .toolbox-content-items div:nth-of-type(1) div {
    display: none;
  }
  .toolbox-content-items div:nth-of-type(1)[aria-pressed*="false"] { /* 音声ON */
    background: url(https://www.modeltown.world/jitsi/img/icon-mic-on.svg) center center no-repeat;
    background-color: #08D655;
  }
  .toolbox-content-items div:nth-of-type(1)[aria-pressed*="true"] { /* 音声OFF */
    background: url(https://www.modeltown.world/jitsi/img/icon-mic-off.svg) center center no-repeat;
    background-color: #FF3636;
  }
}

@media screen and (min-width: 90px) and (max-width: 100px) {
  /* 幅100px以下の場合に適応される */
/* 画面共有 */
  .toolbox-content-items div:nth-of-type(2) { /* ボタン位置 */
    top: -2px;
    left: -2px;
  }
  /* 音声ボタン */
  .toolbox-content-items div:nth-of-type(1) { /* ボタン位置調整 */
    box-sizing: content-box;
    position: fixed;
    top: calc(40px);
    left: -2px;
    margin: 0 !important;
    padding: 0;
    width: 100px;
    height: 40px;
    border: 2px solid rgb(0, 165, 241);
    border-top: 0px;
    z-index: 50;
    background-size: auto 38px !important;
  }
  .toolbox-content-items div:nth-of-type(1) div {
    display: none;
  }
  .toolbox-content-items div:nth-of-type(1)[aria-pressed*="false"] { /* 音声ON */
    background: url(https://www.modeltown.world/jitsi/img/icon-mic-on.svg) center center no-repeat;
    background-color: #08D655;
  }
  .toolbox-content-items div:nth-of-type(1)[aria-pressed*="true"] { /* 音声OFF */
    background: url(https://www.modeltown.world/jitsi/img/icon-mic-off.svg) center center no-repeat;
    background-color: #FF3636;
  }
}