/*
 *  SquadChess.com
 *  
 *  CSS display configuration.
 *  
 *  Created by Scott Johnstone 
 *  ©2022 Austere Games
 *  
 *  info@squadchess.com
 * 
 */


#bovr_share {
	font-size: min(4vw, 4vh);
}

#share_form {
	width: 90%;
	margin: 0 auto;
}

.share_in_txt {
	background: rgba(40, 40, 40, 0.6);
	border: 1px solid #777;
	padding: 1%;
	width: 96%;
}

.share_col1 {
	text-align: right;
}

.share_col2 {
	text-align: left;
	padding-left: 1%;
}

.share_gap {
	height: min(3vw, 3vh);
}

#share_cancel,
#share_submit {
	width: 30%;
	height: 11%;
}

#share_cancel {
	background: #5d5147;
}

#share_submit {
	background: #509ca6;
	margin-left: 10%;
}





#bovr_create * {
	color: #eee;
}

#bovr_create a {
	font-size: min(4vw, 4vh);
}

#create_save,
#create_share {
	background: #7594ad;
	height: 9%;
	width: 55%;
}

#create_play_ai,
#create_play_pvp {
	background: #509ca6;
	height: 13%;
	width: 39%;
}

#create_ok {
	background: #31686e;
	height: 8%;
	width: 28%;
}




#byd_btn_builder {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	cursor: pointer;
	flex-flow: row wrap;
	display: none;
}

#byd_btn_builder * {
	display: flex;
	justify-content: center;
	align-items: center;
	box-sizing: border-box;
	color: #eee;
}

#byd_btn_create {
	width: 100%;
	height: 50%;
	background: var(--col_btn_create);
	border-bottom: 1px solid #222;
	font-size: min(3.5vw, 3.6vh);
}

#byd_btn_create:hover {
	background: #619dd6;
}

#byd_btn_load,
#byd_btn_reset_scn {
	font-size: min(2.6vw, 2.6vh);
	width: 50%;
	height: 50%;
}

#byd_btn_load {
	background: #8092a8;
	border-right: 1px solid #222;
}

#byd_btn_load:hover {
	background: #8da9c4;
}

#byd_btn_reset_scn {
	background: #5c3e3e;
}

#byd_btn_reset_scn:hover {
	background: #7e5454;
}




span.pc_fx_sq_select_byd {
	opacity: 0.33;
	animation: pulse_sq_select_byd 1.5s ease-in infinite;
}





@keyframes pulse_sq_select_byd {
	0%   { opacity: 0.63; }
	50%  { opacity: 0.42; }
	100% { opacity: 0.63; }
}