
#control_panel {
    height: 32px;
}

#control_panel img {
    width: 20px;
    height: 20px;
    vertical-align: middle;
    margin-top: 5px;
}

#control_panel span {
    vertical-align: middle;
}

#control_panel #setting_refresh {
    width: 16px;
    height: 16px;
    margin-left: 15px;
}

td img {
    width: 16px;
    height: 16px;
}

#userid {
    margin-left: 12px;
}

input {
    width: 300px;
    height: 30px;
}
.is-error{
    color: #ff6763 !important;
}

#setting_refresh:hover {
    content: url("../img/setting_refresh_hover.png");
}

.stageon {
    content: url("../img/setting_stageon.png");
}

.stageon:hover {
    content: url("../img/setting_stageon_hover.png");
}

.stageoff {
    content: url("../img/setting_stageoff.png");
}

.stageoff:hover {
    content: url("../img/setting_stageoff_hover.png");
}

.authon {
    content: url("../img/setting_authon.png");
}

.authon:hover {
    content: url("../img/setting_authon_hover.png");
}

.authoff {
    content: url("../img/setting_authoff.png");
}

.authoff:hover {
    content: url("../img/setting_authoff_hover.png");
}

.micon {
    content: url("../img/setting_micon.png");
}

.micon:hover {
    content: url("../img/setting_micon_hover.png");
}

.stdmicon {
    content: url("../img/setting_micon.png");
}

.micoff {
    content: url("../img/setting_micoff.png");
}

.micoff:hover {
    content: url("../img/setting_micoff_hover.png");
}

.stdmicoff {
    content: url("../img/setting_micoff.png");
}

.cameraon {
    content: url("../img/setting_cameraon.png");
}

.cameraon:hover {
    content: url("../img/setting_cameraon_hover.png");
}

.stdcameraon {
    content: url("../img/setting_cameraon.png");
}

.cameraoff {
    content: url("../img/setting_cameraoff.png");
}

.stdcameraoff {
    content: url("../img/setting_cameraoff.png");
}


.cameraoff:hover {
    content: url("../img/setting_cameraoff_hover.png");
}

.handon {
    content: url("../img/setting_handon_hover.png");
}

.handoff {
    content: url("../img/setting_handoff.png");
}

.talkon {
    content: url("../img/setting_talkon.png");
}

.stdtalkon {
    content: url("../css/img/slice/svg/manger/speak-absent.svg");
}

.talkon:hover {
    content: url("../img/setting_talkon_hover.png");
}

.talkoff {
    content: url("../img/setting_talkoff.png");
}

.stdtalkoff {
    content: url("../img/setting_talkoff.png");
}

.talkoff:hover {
    content: url("../img/setting_talkoff_hover.png");
}

.kickon {
    content: url("../img/setting_kick.png");
}

.stdkickon {
    content: url("../css/img/slice/svg/manger/prohibit-absent.svg");
}

.kickon:hover {
    content: url("../img/setting_kick_hover.png");
}

.kickoff {
    content: url("../img/setting_kickoff.png");
}

.stdkickoff {
    content: url("../img/setting_kickoff.png");
}

.kickoff:hover {
    content: url("../img/setting_kickoff_hover.png");
}

[v-cloak] {
  display: none;
}

.tic-dialog{
	position: fixed;
	top:0;
	bottom: 0;
	left: 0;
	right:0;
	background:rgba(0,0,0,0.5);
	z-index: 999;
	text-align: center;
}
.tic-dialog:before{
	display: inline-block;
	vertical-align: middle;
	content: '';
	height: 100%;
	width: 0;

}
.xdialog{
	display: inline-block;
	vertical-align: middle;
	min-width: 400px;
	min-height: 100px;
	background-color: #fff;
	position: relative;
}
.xdialog-title{
	text-align: left;
	font-size: 14px;
	font-weight: 600px;
	font-family: PingFangSC-Semibold;
	color: #444444;
	padding-left: 20px;
}
.xdialog-title-name{
	display: inline-block;
	padding: 10px;
}
.xdialog-sys-close{
	float: right;
	padding: 15px;
	content: url("../img/setting_close.png");
}
.xdialog-content{
  font-size: 13px;
  font-family: PingFangSC-Regular;
  font-weight: 400;
  padding: 20px;
  color: #444444;
  text-align: center;
}
.xdialog_button button{
  padding: 5px;
  padding-left: 20px;
  padding-right: 20px;
  margin: 20px;
}

.setting-icon{
    margin-top: 5px;
    margin-right: 20px;
}
.setting-mute{
    content: url("../img/mute.png");
}
.setting-mute:hover{
    content: url("../img/mute_hover.png");
}
.setting-stage{
    content: url("../img/stage.png");
}
.setting-stage:hover{
    content: url("../img/stage_hover.png");
}
.member-icon{
    background-size: cover;
    border-radius: 10px;
}