/*body{background-color:#f8fafc;font-size:14px;}*/
body{font-size:14px !important;}
a{color:#6c757d;}
.input-group-text, .dropdown-item{font-size:14px;}

button{white-space: nowrap;}
table > thead, tbody > tr > th, td {white-space: nowrap;}

.main_color_bg{background-color:#000000;}
.main_color_font{color:#ffffff;}


.test{border:1px solid #ff0000;}

/*
video {
	transform: scale(-1,1);
  }
  video::-webkit-media-controls-panel {
   transform: scale(-1,1);
	}
	localMediaView.style.transform = 'scaleX(-1)';
	localMediaView.style.transform = 'scaleX(1)';
*/

.video{
	transform:scaleX(-1);
	/*transform: rotateY(180deg);*/
	/*-webkit-transform:rotateY(180deg);*/ /* Safari and Chrome */
	/*-moz-transform:rotateY(180deg);*/ /* Firefox */
	/*background: transparent url("/res/image/video_rotate180.png") 50% 50% no-repeat;*/
}
.video_transX{
	transform:scaleX(-1);
}
.cssVideoTransX{
	transform:scaleX(-1);
}



.cssColVideoMain{
	display:flex;align-items:center;
}
.cssColVideoMainMy{
	/*
	justify-content:flex-end;
	padding-right:5px;
	*/
}
.cssColVideoMainRemote{
	/*
	justify-content:flex-start;
	padding-left:5px;
	*/
}
.cssColVideoCell{
	display:flex;
	justify-content:center;align-items:center;
}



.cssLayoutVideoMain{
	display:none;position:relative;
	background: #000000 url("/res/image/video_gray.png") 50% 50% no-repeat;
}
.cssLayoutVideoCell{
	position:relative;
	background: #000000 url("/res/image/video_gray.png") 50% 50% no-repeat;
}
.cssLayoutVideoMax{
	position:relative;
	background: #000000 url("/res/image/video_gray.png") 50% 50% no-repeat;
}
.cssLayoutVideoMaxMy{
	display:inline-block;
	background: #000000 url("/res/image/video_gray.png") 50% 50% no-repeat;
	position:absolute;
	right:5px;
	bottom:5px;
	width:200px;height:200px;
	border:1px solid #ffffff;
}


.cssLayoutNickName{
	position:absolute;
	left:0px;top:5px;
	display:flex;
	width:100%;
	padding:0px 10px;
	color:#ffffff;
}
.cssLayoutNickNameRight{
	text-align:right;
}
.cssNickName{
	display:inline-block;
	position:absolute;left:10px;top:5px;
	color:#ffffff;
}

.cssEnabled{
	display:inline-block;
	position:absolute;left:10px;top:25px;
	color:#ffffff;
}



.videoRemote{
	display:inline-block;
	position:relative;
	background: #000000;
	width:200px;height:200px;
	margin-right:10px;
	padding-bottom:0px;
	border:0px solid #0000ff;
}


.cssVideoToggleBtn{
	width:40px;
	color:#e4e4e7 !important;
	border:1px solid #e4e4e7 !important;
}


.cssVTB{
	width:40px;
}
.cssVTBEn{
	color:#e4e4e7 !important;
	border:1px solid #e4e4e7 !important;
}
.cssVTBDi{
	color:#a1a1aa !important;
	border:1px solid #a1a1aa !important;
}

.CssRowBar{height:80px;}
.cssPcOnly{display:none;}
.CssBor_res{border:1px solid #ff0000;}
@media (min-width: 576px) {
	.CssBor_res{border:1px solid #00ff00;}
	.cssColVideoMainMy{
		justify-content:flex-end;
		padding-right:5px;
	}
	.cssColVideoMainRemote{
		justify-content:flex-start;
		padding-left:5px;
	}
	.CssRowBar{height:40px;}
	.cssPcOnly{display:inline-block;}
}

@media (min-width: 768px) {
	.CssBor_res{border:1px solid #0000ff;}
	.objLayoutVideoArrange{
		border:0px solid #ff0000;
	}
}

@media (min-width: 992px) {
	.CssBor_res{border:1px solid #a0a0a0;}
	.objLayoutVideoArrange{
		border:0px solid #00ff00;
	}
}

@media (min-width: 1200px) {
	.CssBor_res{border:1px solid #000000;}
	.objLayoutVideoArrange{
		border:0px solid #0000ff;
	}
}

@media (min-width: 1400px) {
	.CssBor_res{border:1px solid #9a3412;}
	.objLayoutVideoArrange{
		border:0px solid #000000;
	}
}


.FileDropUpload_file > td{border:1px solid #000000;}
.FileDropUpload_file:hover{background-color:#D9E5FF; }


.CssBor_red{border:1px solid #ff0000 !important;}
.CssBor_green{border:1px solid #00ff00 !important;}
.CssBor_blue{border:1px solid #0000ff !important;}

/*
@@@@@ 버튼 @@@@@

### 검색,
<button type="button" class="btn btn-primary">검색</button>
<button type="button" class="btn btn-primary btn-sm">작은검색</button>
<button type="button" class="btn btn-primary btn-lg">큰검색</button>

### 등록,
<button type="button" class="btn btn-success">등록</button>
<button type="button" class="btn btn-success btn-sm">작은등록</button>
<button type="button" class="btn btn-success btn-lg">큰등록</button>

### 수정,
<button type="button" class="btn btn-info">수정</button>
<button type="button" class="btn btn-info btn-sm">작은수정</button>
<button type="button" class="btn btn-info btn-lg">큰수정</button>

### 삭제,
<button type="button" class="btn btn-danger">삭제</button>
<button type="button" class="btn btn-danger btn-sm">작은삭제</button>
<button type="button" class="btn btn-danger btn-lg">큰삭제</button>

### 취소
<button type="button" class="btn btn-secondary">취소</button>
<button type="button" class="btn btn-secondary btn-sm">작은취소</button>
<button type="button" class="btn btn-secondary btn-lg">큰취소</button>
*/

/*height:calc(100vh - 200px);*/