body,html{height:100%;}
@media screen and (max-width:820px) { 
.visible-xs {display:none} 
.br-add{margin-bottom:5px;}
}
@media screen and (max-width:820px) { .d-inline-flex {width:95% !important;} }

@media screen and (max-width:820px) { .max-input {width:50px;} }
@media screen and (min-width:821px) { .visible-mob-xs {display:none} }
#contentsWrap{max-width:1600px;background:#fff;height:100%;}

.check_highlight{
background:#ffffcc !important;

}
.btn-manager {
  color: #fff;
  background-color: #563D7C;
  border-color: #6a4e96;
}

.btn-manager:hover {
  color: #fff;
  background-color: #6a4e96;
  border-color: #6a4e96;
}

.btn-manager:focus, .btn-manager.focus {
  box-shadow: 0 0 0 0.2rem #6a4e96;
}

.btn-manager.disabled, .btn-manager:disabled {
  color: #fff;
  background-color: #563D7C;
  border-color: #6a4e96;
}

.btn-manager:not(:disabled):not(.disabled):active, .btn-manager:not(:disabled):not(.disabled).active,
.show > .btn-manager.dropdown-toggle {
  color: #fff;
  background-color: #6a4e96;
  border-color: #6a4e96;
}

.btn-manager:not(:disabled):not(.disabled):active:focus, .btn-manager:not(:disabled):not(.disabled).active:focus,
.show > .btn-manager.dropdown-toggle:focus {
  box-shadow: 0 0 0 0.2rem #6a4e96;
}

.bg-manager {
  background-color: #563D7C !important;
  color:#fff;
}

.border-manager {
  border:1px solid #563D7C !important;
}

a.bg-manager:hover, a.bg-manager:focus,
button.bg-manager:hover,
button.bg-manager:focus {
  background-color: #6a4e96 !important;
}


.join_warn{font-size:0.9em;color:red;}
.black_theme{background:transparent !important;position:absolute !important;margin-top:-65px !important;padding:65px 20px !important;}

.status-on{color:#fff;}

		/*----------------- 웹타석 ---------------------*/
		
		/*일반*/
		.hidden_form{display:none;}
		.off_btn{margin-top:106px;}
		.timer_color{color:#C3C3C3;}/*73879C*/
		.white_light_circle{color:#ffffff;background-image:linear-gradient(#70a90c, #94e700) !important;border:1px solid #72AC08;}


		.white_light_error_circle{color:#ffffff;background-image: linear-gradient(#e7490c, #e7490c) !important;border: 1px solid #e7490c;}



		.form-groups{margin-bottom:7px;}
		.form-groups button{line-height:30px;padding:0px;border-radius:5px;color:#5e5e5f;}
		.on-game{border:2px solid #9fd441;}
		.bg-white{background:#ffffff;}

		.timer_led{color:#B3EB50 !important;}
		input[type="number"]::-webkit-outer-spin-button,
		input[type="number"]::-webkit-inner-spin-button {
			-webkit-appearance: none;
			margin: 0;
		}
		
		/*로딩바*/
		.loader {
		  height: 2px;
		  width: 100%;
		  position: relative;
		  overflow: hidden;
		  background-color: #ddd;
		}
		.loader:before{
		  display: block;
		  position: absolute;
		  content: "";
		  left: -200px;
		  width: 200px;
		  height: 4px;
		  background-color: #2980b9;
		  animation: loading 2s linear infinite;
		}

		@keyframes loading {
			from {left: -200px; width: 30%;}
			50% {width: 30%;}
			70% {width: 70%;}
			80% { left: 50%;}
			95% {left: 120%;}
			to {left: 100%;}
		}

		/*타석번호 링*/
		.circle{
		width:40px;
		height:40px;
		border-radius:50%;
		background:#73879C;
		font-size:22px;
		text-align:center;  /*가로정렬*/
		line-height:40px;  /*세로 정렬*/
		font-weight:bold;
		}
		.circle-small{
		width:30px;
		height:30px;
		border-radius:50%;
		background:#73879C;
		font-size:20px;
		text-align:center;  /*가로정렬*/
		line-height:30px;  /*세로 정렬*/
		font-weight:bold;
		margin-top:5px;
		}

		.circle-small-error{
		width:30px;
		height:30px;
		border-radius:50%;
		background:#e7490c;
		font-size:20px;
		text-align:center;  /*가로정렬*/
		line-height:30px;  /*세로 정렬*/
		font-weight:bold;
		margin-top:5px;
		}


		/*흰색 웹타석 테마*/
		.black_to_white .bg-success{background:#ffffff !important;}
		.black_to_white .bg-manager{background:#dfdfdf !important;}
		.black_to_white #req_val{text-align:right;}
		.black_to_white .card{min-width:232px;border:0px;border-radius:5px;}
		.black_to_white .card-header{padding:7px;border-radius:5px 5px 0px 0px;}
		.black_to_white .card-ring{float:left;color:#343A40;}
		.black_to_white .switch{margin-right:5px;margin-top:5px;}
		.black_to_white .dashWrap{position:absolute;height:2px;width:100%;margin-top:27px;right:0px;padding:0px 20px;}
		.black_to_white .dashLine{width:100%;border:1px solid #343A40;}
		.black_to_white .ledTxt{position:absolute;font-size:12px;margin-top:14px;margin-left:6px;color:#73879C;}
		.black_to_white .ledTimer{font-size:34px;color:#73879C;font-family: 'NanumSquare';font-weight:800;letter-spacing:-1px;background:#343A40;text-align:right;padding-right:10px;border-radius:3px;}/*font-style:italic;*/
		.black_to_white .card-body{min-height:170px;}
		.black_to_white .card-status{width:100%;margin-bottom:5px;color:#ffffff;height:20px;background:#79787B;border-radius:0px 0px 5px 5px;margin-bottom:-5px;padding:2px 8px;}
		.black_to_white .gameStatusL{float:left;font-size:11px;}
		.black_to_white .gameStatusR{float:right;font-size:11px;}
		.black_to_white .timer-min{font-size:28px;vertical-align:text-top;line-height:38px;}

		/*토스트 알람 */
		#alertFoot {position:absolute;bottom:20px;right:60px;width:280px;z-index:0;}

		/*전체화면시 메뉴 숨기기*/
		.fullscreenLeft{margin-left:0px !important;}
		.bodyBg{background:#24272E url('/img/ed296bbc4063b5a7e103f36f9e63632e.jpg') no-repeat bottom left !important;background-size: cover !important;}

		/*락스크린 배경 컨트롤*/
		.watermark{position:absolute;font-weight:normal;font-size:20px;color:#ffffff;left:82px;top:10px;text-shadow: 1px 1px 1px #000;}
		.delbg{position:absolute;padding:6px;cursor:pointer;margin-left:205px;}	



input:focus, textarea:focus, select:focus, option:focus {

    outline:none!important;

}